mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-17 06:20:29 +00:00
Compare commits
No commits in common. "master" and "v0.6.1" have entirely different histories.
4664 changed files with 36161 additions and 88156 deletions
12
.babelrc
12
.babelrc
|
|
@ -2,18 +2,10 @@
|
|||
"presets": [
|
||||
"es2015",
|
||||
"es2017",
|
||||
"stage-0",
|
||||
[
|
||||
"env",
|
||||
{
|
||||
"targets": {
|
||||
"browsers": ["last 3 versions", "not IE < 10"]
|
||||
}
|
||||
}
|
||||
]
|
||||
"stage-0"
|
||||
],
|
||||
"plugins": [
|
||||
"transform-runtime",
|
||||
"add-module-exports"
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
|
|||
13
.editorconfig
Normal file
13
.editorconfig
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
# 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
|
||||
2
.github/CONTRIBUTING.md
vendored
2
.github/CONTRIBUTING.md
vendored
|
|
@ -8,8 +8,6 @@ Before submitting your contribution please read the guidelines.
|
|||
|
||||
## Issue Reporting Guidelines
|
||||
|
||||
- Do not create questions. The issue list is exclusively for reports, bugs and feature requests. Use the [Gitter Channel]( https://gitter.im/vuematerial/questions) instead.
|
||||
|
||||
- Always search for your issue first. It may have already been answered, planned or fixed in some branch. New components and features will be planned on [Milestones](https://github.com/marcosmoura/vue-material/milestones) or on [Projects](https://github.com/marcosmoura/vue-material/projects).
|
||||
|
||||
- Only create issues for the newest version. For now. Until 1.0.0.
|
||||
|
|
|
|||
2
.github/ISSUE_TEMPLATE.md
vendored
2
.github/ISSUE_TEMPLATE.md
vendored
|
|
@ -42,4 +42,4 @@ Do not create new features based on a problem that will only solve edge cases fo
|
|||
|
||||
### Reproduction Link
|
||||
<!-- If you want to show your code please use Codepen or JSFiddle. -->
|
||||
<!-- You could start with this template: http://codepen.io/vue-material/pen/WGavBE. -->
|
||||
<!-- You could start with this template: http://codepen.io/vue-material/pen/WGavBE.
|
||||
|
|
|
|||
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -1,4 +1,3 @@
|
|||
.DS_Store
|
||||
node_modules/
|
||||
npm-debug.log
|
||||
nbproject
|
||||
|
|
|
|||
22
LICENSE
Normal file
22
LICENSE
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
|
||||
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.
|
||||
61
README.md
61
README.md
|
|
@ -7,36 +7,18 @@
|
|||
<p align="center">Material Design for Vue.js</p>
|
||||
|
||||
<p align="center">
|
||||
<a href="https://www.npmjs.com/package/vue-material">
|
||||
<img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads">
|
||||
</a>
|
||||
<a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/dt/vue-material.svg" alt="Downloads"></a>
|
||||
|
||||
<a href="https://www.npmjs.com/package/vue-material">
|
||||
<img src="https://img.shields.io/npm/v/vue-material.svg" alt="Version">
|
||||
</a>
|
||||
<a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/v/vue-material.svg" alt="Version"></a>
|
||||
|
||||
<a href="https://cdnjs.com/libraries/vue-material">
|
||||
<img src="https://img.shields.io/cdnjs/v/vue-material.svg" alt="Version">
|
||||
</a>
|
||||
|
||||
<a href="https://cdnjs.com/libraries/vue-material">
|
||||
<img src="https://img.shields.io/cdnjs/v/vue-material.svg" alt="Version">
|
||||
</a>
|
||||
|
||||
<a href="https://www.npmjs.com/package/vue-material">
|
||||
<img src="https://img.shields.io/npm/l/vue-material.svg" alt="License">
|
||||
</a>
|
||||
|
||||
<a href="https://gitter.im/vuematerial">
|
||||
<img src="https://img.shields.io/gitter/room/vuematerial/home.svg" alt="Gitter Chat">
|
||||
</a>
|
||||
<a href="https://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/l/vue-material.svg" alt="License"></a> <br>
|
||||
</p>
|
||||
|
||||
Vue Material is lightweight framework built exactly according to the <a href="http://material.google.com" target="_blank">Material Design</a> specs.
|
||||
|
||||
It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.
|
||||
|
||||
Build powerful and well-designed web apps that 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 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.
|
||||
|
||||
## Demo and Documentation
|
||||
<a href="https://vuematerial.github.io/" target="_blank">Demo</a>
|
||||
|
|
@ -85,34 +67,31 @@ Vue.use(VueMaterial)
|
|||
|
||||
// OR
|
||||
|
||||
Vue.use(VueMaterial.MdCore) //Required to boot vue material
|
||||
Vue.use(VueMaterial.MdButton)
|
||||
Vue.use(VueMaterial.MdIcon)
|
||||
Vue.use(VueMaterial.MdSidenav)
|
||||
Vue.use(VueMaterial.MdToolbar)
|
||||
Vue.use(VueMaterial.mdCore) //Required to boot vue material
|
||||
Vue.use(VueMaterial.mdButton)
|
||||
Vue.use(VueMaterial.mdIcon)
|
||||
Vue.use(VueMaterial.mdSidenav)
|
||||
Vue.use(VueMaterial.mdToolbar)
|
||||
```
|
||||
|
||||
## Browser Support
|
||||
Vue Material supports the latest version of all Browsers. This means:
|
||||
* Google Chrome 50+
|
||||
* Firefox 48+
|
||||
* Safari 9+
|
||||
* Opera 40+
|
||||
* IE 11
|
||||
* Edge
|
||||
|
||||
<small>May work in other browsers but it's untested.</small>
|
||||
|
||||
## Changelog
|
||||
<a href="https://vuematerial.github.io/#/changelog" target="_blank">Changelog</a>
|
||||
|
||||
## Questions
|
||||
The issue list is exclusively for reports, bugs and feature requests. Use the [Gitter Channel]( https://gitter.im/vuematerial) instead.
|
||||
|
||||
## Contributing
|
||||
|
||||
Please make sure to read the [Contributing Guide](https://github.com/marcosmoura/vue-material/blob/master/.github/CONTRIBUTING.md) before making a pull request.
|
||||
|
||||
## Browser Support
|
||||
Vue Material supports the latest version of all Browsers. This means:
|
||||
* Google Chrome 52+
|
||||
* Firefox 48+
|
||||
* Safari 9+
|
||||
* Opera 38+
|
||||
* Edge 12+
|
||||
* IE 11
|
||||
|
||||
<small>May work in other browsers but it's untested.</small>
|
||||
|
||||
## Credits and Thanks
|
||||
* This library aims to delivery components using almost the same API of <a href="https://material.angularjs.org/latest/" target="_blank">Angular Material</a>
|
||||
* Thanks a lot to <a href="https://github.com/elviskang" target="_blank">elviskang</a> for donating the npm package name!
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
BIN
assets/cover.png
BIN
assets/cover.png
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path 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"></path></svg>
|
||||
|
Before Width: | Height: | Size: 944 B |
Binary file not shown.
|
Before Width: | Height: | Size: 840 B |
Binary file not shown.
|
Before Width: | Height: | Size: 842 B |
|
|
@ -1,4 +0,0 @@
|
|||
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/>
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 199 B |
Binary file not shown.
|
Before Width: | Height: | Size: 116 B |
Binary file not shown.
|
Before Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 114 KiB |
|
|
@ -31,7 +31,6 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
|
|||
PACKAGE_VERSION=$(get_package_version)
|
||||
cp -Rf dist/docs/releases tmp-releases
|
||||
cp -Rf dist/docs tmp-releases/v$PACKAGE_VERSION
|
||||
rm -Rf tmp-releases/v$PACKAGE_VERSION/releases
|
||||
|
||||
# append version
|
||||
sed -i '' -e "s|\"]|\", \"$VERSION\"]|g" docs/versions.json
|
||||
|
|
@ -55,8 +54,7 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
|
|||
git remote remove site
|
||||
fi
|
||||
|
||||
# git remote add site https://github.com/vuematerial/vuematerial.github.io.git
|
||||
git remote add site git@github.com:vuematerial/vuematerial.github.io.git
|
||||
git remote add site https://github.com/vuematerial/vuematerial.github.io.git
|
||||
git push site `git subtree split --prefix dist/docs master`:master --force --progress
|
||||
|
||||
npm publish
|
||||
|
|
|
|||
|
|
@ -1,27 +1,5 @@
|
|||
import ora from 'ora';
|
||||
import chalk from 'chalk';
|
||||
import webpack from 'webpack';
|
||||
import build from './build';
|
||||
import webpackConfig from '../webpack/prod-docs';
|
||||
|
||||
const spinner = ora(chalk.cyan('Building website'));
|
||||
|
||||
process.stdout.write('\n');
|
||||
spinner.start();
|
||||
|
||||
webpack(webpackConfig, (error, stats) => {
|
||||
if (error) {
|
||||
spinner.fail(chalk.red('Something wrong happened:\n'));
|
||||
|
||||
throw error;
|
||||
}
|
||||
|
||||
process.stdout.write('\n\n' + stats.toString({
|
||||
colors: true,
|
||||
modules: false,
|
||||
children: false,
|
||||
chunks: false,
|
||||
chunkModules: false
|
||||
}) + '\n\n');
|
||||
|
||||
spinner.succeed(chalk.green('Documentation builded with success!\n'));
|
||||
});
|
||||
webpack(webpackConfig, build);
|
||||
|
|
|
|||
|
|
@ -1,28 +1,6 @@
|
|||
import ora from 'ora';
|
||||
import chalk from 'chalk';
|
||||
import webpack from 'webpack';
|
||||
import build from './build';
|
||||
import webpackConfig from '../webpack/prod-lib';
|
||||
import webpackDebugConfig from '../webpack/debug-lib';
|
||||
|
||||
const spinner = ora(chalk.cyan('Building library'));
|
||||
|
||||
process.stdout.write('\n');
|
||||
spinner.start();
|
||||
|
||||
webpack([webpackConfig, webpackDebugConfig], (error, stats) => {
|
||||
if (error) {
|
||||
spinner.fail(chalk.red('Something wrong happened:\n'));
|
||||
|
||||
throw error;
|
||||
}
|
||||
|
||||
process.stdout.write('\n\n' + stats.toString({
|
||||
colors: true,
|
||||
modules: false,
|
||||
children: false,
|
||||
chunks: false,
|
||||
chunkModules: false
|
||||
}) + '\n\n');
|
||||
|
||||
spinner.succeed(chalk.green('Build finished with success!\n'));
|
||||
});
|
||||
webpack([webpackConfig, webpackDebugConfig], build);
|
||||
|
|
|
|||
25
build/server/build.js
Normal file
25
build/server/build.js
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
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();
|
||||
}
|
||||
|
|
@ -8,18 +8,20 @@ import historyApiFallback from 'connect-history-api-fallback';
|
|||
import config from '../config';
|
||||
import webpackConfig from '../webpack/dev';
|
||||
|
||||
|
||||
const app = express();
|
||||
const compiler = webpack(webpackConfig);
|
||||
const rootPath = path.join(__dirname, '..', '..');
|
||||
const devMiddlewareInstance = devMiddleware(compiler, {
|
||||
quiet: true,
|
||||
publicPath: config.publicPath,
|
||||
index: config.indexPath
|
||||
index: config.indexPath,
|
||||
stats: {
|
||||
colors: true,
|
||||
chunks: false
|
||||
}
|
||||
});
|
||||
|
||||
const hotMiddlewareInstance = hotMiddleware(compiler, {
|
||||
log() { }
|
||||
});
|
||||
const hotMiddlewareInstance = hotMiddleware(compiler);
|
||||
|
||||
compiler.plugin('compilation', (compilation) => {
|
||||
compilation.plugin('html-webpack-plugin-after-emit', (data, done) => {
|
||||
|
|
@ -34,16 +36,14 @@ app.use(hotMiddlewareInstance);
|
|||
app.use('/', express.static(path.join(rootPath, config.docsPath)));
|
||||
app.use('/assets', express.static(path.join(rootPath, config.assetsPath)));
|
||||
|
||||
devMiddlewareInstance.waitUntilValid(() => {
|
||||
export default app.listen(config.server.port, (error) => {
|
||||
let uri = 'http://localhost:' + config.server.port;
|
||||
|
||||
console.log(chalk.blue('> Listening at ' + uri + '\n'));
|
||||
});
|
||||
|
||||
export default app.listen(config.server.port, (error) => {
|
||||
if (error) {
|
||||
console.log(chalk.red(error));
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(chalk.blue('Listening at ' + uri + '\n'));
|
||||
});
|
||||
|
|
|
|||
|
|
@ -3,10 +3,6 @@ import webpack from 'webpack';
|
|||
import eslintFormatter from 'eslint-friendly-formatter';
|
||||
import config from '../config';
|
||||
|
||||
const resolvePath = (dir) => {
|
||||
return path.resolve(__dirname, '..', '..', dir);
|
||||
};
|
||||
|
||||
export default {
|
||||
entry: {
|
||||
docs: './docs/src/index.js'
|
||||
|
|
@ -17,50 +13,81 @@ export default {
|
|||
filename: '[name].js'
|
||||
},
|
||||
resolve: {
|
||||
extensions: ['.js', '.vue', '.json'],
|
||||
extensions: ['', '.js', '.vue'],
|
||||
fallback: [config.nodePath],
|
||||
alias: {
|
||||
assets: resolvePath('docs/src/assets')
|
||||
assets: path.resolve(__dirname, '../../docs/src/assets')
|
||||
}
|
||||
},
|
||||
resolveLoader: {
|
||||
fallback: [config.nodePath]
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
preLoaders: [
|
||||
{
|
||||
test: /\.(js|vue)$/,
|
||||
loader: 'eslint-loader',
|
||||
enforce: 'pre',
|
||||
include: [
|
||||
resolvePath('build'),
|
||||
resolvePath('src'),
|
||||
resolvePath('docs')
|
||||
],
|
||||
options: {
|
||||
fix: true,
|
||||
formatter: eslintFormatter
|
||||
}
|
||||
test: /\.vue$/,
|
||||
loader: 'eslint',
|
||||
include: config.projectRoot,
|
||||
exclude: /node_modules/
|
||||
},
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader',
|
||||
include: [
|
||||
resolvePath('build'),
|
||||
resolvePath('src'),
|
||||
resolvePath('docs')
|
||||
]
|
||||
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$/,
|
||||
use: ['raw-loader', 'sass-loader']
|
||||
loaders: ['raw', 'sass-loader']
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
||||
loader: 'url-loader',
|
||||
test: /\.json$/,
|
||||
loaders: ['json-loader']
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpg|gif|svg)(\?.*)?$/,
|
||||
loader: 'url',
|
||||
query: {
|
||||
limit: 10000,
|
||||
name: '/assets/[name].[hash:8].[ext]'
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.html$/,
|
||||
loader: 'vue-html'
|
||||
}
|
||||
]
|
||||
},
|
||||
eslint: {
|
||||
fix: true,
|
||||
formatter: eslintFormatter
|
||||
},
|
||||
vue: {
|
||||
loaders: {
|
||||
css: 'vue-style-loader!css-loader',
|
||||
scss: 'vue-style-loader!css-loader!sass-loader'
|
||||
}
|
||||
},
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': config.env
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
import webpack from 'webpack';
|
||||
import merge from 'webpack-merge';
|
||||
import ExtractTextPlugin from 'extract-text-webpack-plugin';
|
||||
import OptimizeJsPlugin from 'optimize-js-plugin';
|
||||
|
|
@ -11,7 +12,11 @@ const devConfig = merge(prodConfig, {
|
|||
});
|
||||
|
||||
devConfig.plugins = [
|
||||
new OptimizeJsPlugin(),
|
||||
new webpack.optimize.OccurenceOrderPlugin(),
|
||||
new webpack.optimize.DedupePlugin(),
|
||||
new OptimizeJsPlugin({
|
||||
sourceMap: false
|
||||
}),
|
||||
new ExtractTextPlugin('[name].css')
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -1,47 +1,23 @@
|
|||
import webpack from 'webpack';
|
||||
import merge from 'webpack-merge';
|
||||
import HtmlWebpackPlugin from 'html-webpack-plugin';
|
||||
import FriendlyErrorsPlugin from 'friendly-errors-webpack-plugin';
|
||||
import baseWebpackConfig from './base';
|
||||
import config from '../config';
|
||||
|
||||
Object.keys(baseWebpackConfig.entry).forEach((name) => {
|
||||
baseWebpackConfig.entry[name] = ['./build/server/client', ...[baseWebpackConfig.entry[name]]];
|
||||
baseWebpackConfig.entry[name] = ['./build/server/client'].concat(baseWebpackConfig.entry[name]);
|
||||
});
|
||||
|
||||
export default merge(baseWebpackConfig, {
|
||||
devtool: '#cheap-module-eval-source-map',
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: {
|
||||
loaders: {
|
||||
css: 'vue-style-loader!css-loader',
|
||||
scss: 'vue-style-loader!css-loader!sass-loader'
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: ['vue-style-loader', 'css-loader']
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: ['vue-style-loader', 'css-loader', 'sass-loader']
|
||||
}
|
||||
]
|
||||
},
|
||||
devtool: 'source-map',
|
||||
plugins: [
|
||||
new webpack.WatchIgnorePlugin([config.nodePath]),
|
||||
new webpack.HotModuleReplacementPlugin(),
|
||||
new webpack.NoEmitOnErrorsPlugin(),
|
||||
new webpack.NoErrorsPlugin(),
|
||||
new HtmlWebpackPlugin({
|
||||
filename: 'index.html',
|
||||
template: 'docs/index.html',
|
||||
inject: true
|
||||
}),
|
||||
new FriendlyErrorsPlugin()
|
||||
})
|
||||
]
|
||||
});
|
||||
|
|
|
|||
|
|
@ -6,82 +6,36 @@ import ExtractTextPlugin from 'extract-text-webpack-plugin';
|
|||
import CopyWebpackPlugin from 'copy-webpack-plugin';
|
||||
import HtmlWebpackPlugin from 'html-webpack-plugin';
|
||||
import OptimizeJsPlugin from 'optimize-js-plugin';
|
||||
import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
|
||||
import mediaPacker from 'css-mqpacker';
|
||||
import config from '../config';
|
||||
import baseConfig from './base';
|
||||
|
||||
const docsPath = path.join(config.rootPath, config.docsPath);
|
||||
|
||||
const conf = merge(baseConfig, {
|
||||
export default merge(baseConfig, {
|
||||
output: {
|
||||
path: docsPath,
|
||||
publicPath: '',
|
||||
filename: '[name].[chunkhash:8].js',
|
||||
chunkFilename: '[name].[chunkhash:8].js'
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: {
|
||||
loaders: {
|
||||
css: ExtractTextPlugin.extract({
|
||||
use: 'css-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
}),
|
||||
scss: ExtractTextPlugin.extract({
|
||||
use: 'css-loader!sass-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
},
|
||||
postcss: [
|
||||
autoprefixer({
|
||||
browsers: ['last 3 versions', 'not IE < 10']
|
||||
}),
|
||||
mediaPacker()
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
loader: ExtractTextPlugin.extract({
|
||||
use: 'css-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
loader: ExtractTextPlugin.extract({
|
||||
use: 'css-loader!sass-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
}
|
||||
vue: {
|
||||
loaders: {
|
||||
css: ExtractTextPlugin.extract('css'),
|
||||
scss: ExtractTextPlugin.extract('css!sass')
|
||||
},
|
||||
postcss: [
|
||||
autoprefixer({
|
||||
browsers: ['last 3 versions']
|
||||
})
|
||||
]
|
||||
},
|
||||
plugins: [
|
||||
new webpack.LoaderOptionsPlugin({
|
||||
minimize: true,
|
||||
debug: true
|
||||
}),
|
||||
new webpack.optimize.DedupePlugin(),
|
||||
new webpack.optimize.UglifyJsPlugin({
|
||||
compress: {
|
||||
warnings: false,
|
||||
screw_ie8: true,
|
||||
conditionals: true,
|
||||
unused: true,
|
||||
comparisons: true,
|
||||
sequences: true,
|
||||
dead_code: true,
|
||||
evaluate: true,
|
||||
join_vars: true,
|
||||
if_return: true
|
||||
warnings: false
|
||||
},
|
||||
output: {
|
||||
comments: false
|
||||
},
|
||||
sourceMap: false
|
||||
comments: false
|
||||
}),
|
||||
new OptimizeJsPlugin({
|
||||
sourceMap: false
|
||||
|
|
@ -143,10 +97,6 @@ const conf = merge(baseConfig, {
|
|||
name: 'manifest',
|
||||
chunks: ['vendor']
|
||||
}),
|
||||
new OptimizeCssAssetsPlugin({
|
||||
canPrint: false
|
||||
})
|
||||
new webpack.optimize.OccurenceOrderPlugin()
|
||||
]
|
||||
});
|
||||
|
||||
export default conf;
|
||||
|
|
|
|||
|
|
@ -5,8 +5,6 @@ import merge from 'webpack-merge';
|
|||
import autoprefixer from 'autoprefixer';
|
||||
import ExtractTextPlugin from 'extract-text-webpack-plugin';
|
||||
import OptimizeJsPlugin from 'optimize-js-plugin';
|
||||
import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
|
||||
import mediaPacker from 'css-mqpacker';
|
||||
import config from '../config';
|
||||
import baseConfig from './base';
|
||||
|
||||
|
|
@ -37,93 +35,42 @@ export default merge(baseConfig, {
|
|||
library: 'VueMaterial',
|
||||
libraryTarget: 'umd'
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: {
|
||||
loaders: {
|
||||
css: ExtractTextPlugin.extract({
|
||||
use: 'css-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
}),
|
||||
scss: ExtractTextPlugin.extract({
|
||||
use: 'css-loader!sass-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
},
|
||||
postcss: [
|
||||
autoprefixer({
|
||||
browsers: ['last 3 versions', 'not IE < 10']
|
||||
}),
|
||||
mediaPacker()
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
loader: ExtractTextPlugin.extract({
|
||||
use: 'css-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
loader: ExtractTextPlugin.extract({
|
||||
use: 'css-loader!sass-loader',
|
||||
fallback: 'vue-style-loader'
|
||||
})
|
||||
}
|
||||
vue: {
|
||||
loaders: {
|
||||
css: ExtractTextPlugin.extract('css'),
|
||||
scss: ExtractTextPlugin.extract('css!sass')
|
||||
},
|
||||
postcss: [
|
||||
autoprefixer({
|
||||
browsers: ['last 2 versions']
|
||||
})
|
||||
]
|
||||
},
|
||||
externals: {
|
||||
vue: {
|
||||
commonjs: 'vue',
|
||||
commonjs2: 'vue',
|
||||
amd: 'vue',
|
||||
root: 'Vue',
|
||||
var: 'Vue'
|
||||
}
|
||||
vue: 'Vue'
|
||||
},
|
||||
plugins: [
|
||||
new webpack.LoaderOptionsPlugin({
|
||||
minimize: true,
|
||||
debug: false
|
||||
}),
|
||||
new webpack.optimize.DedupePlugin(),
|
||||
new webpack.optimize.UglifyJsPlugin({
|
||||
compress: {
|
||||
warnings: false,
|
||||
screw_ie8: true,
|
||||
conditionals: true,
|
||||
unused: true,
|
||||
comparisons: true,
|
||||
sequences: true,
|
||||
dead_code: true,
|
||||
evaluate: true,
|
||||
join_vars: true,
|
||||
if_return: true
|
||||
warnings: false
|
||||
},
|
||||
output: {
|
||||
comments: false
|
||||
},
|
||||
sourceMap: false
|
||||
comments: false
|
||||
}),
|
||||
new webpack.optimize.OccurenceOrderPlugin(),
|
||||
new OptimizeJsPlugin({
|
||||
sourceMap: false
|
||||
}),
|
||||
new webpack.BannerPlugin({
|
||||
banner: `/*!
|
||||
* Vue Material v${version}
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/ `,
|
||||
new webpack.BannerPlugin(
|
||||
`/*!
|
||||
* Vue Material v${version}
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/`
|
||||
, {
|
||||
raw: true,
|
||||
entryOnly: true
|
||||
}),
|
||||
new ExtractTextPlugin('[name].css'),
|
||||
new OptimizeCssAssetsPlugin({
|
||||
canPrint: false
|
||||
})
|
||||
new ExtractTextPlugin('[name].css')
|
||||
]
|
||||
});
|
||||
|
|
|
|||
484
changelog.html
484
changelog.html
|
|
@ -1,484 +0,0 @@
|
|||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/">v0.7.1 - Standalone fixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix regression of @click handler <a href="https://github.com/marcosmoura/vue-material/issues/454" target="_blank" rel="noopener">#454</a></li>
|
||||
<li>add href support to mdMenuItem <a href="https://github.com/marcosmoura/vue-material/issues/463" target="_blank" rel="noopener">#463</a></li>
|
||||
<li>fix IE11 support <a href="https://github.com/marcosmoura/vue-material/issues/459" target="_blank" rel="noopener">#459</a></li>
|
||||
<li>fix ripple not reseting after second click <a href="https://github.com/marcosmoura/vue-material/issues/461" target="_blank" rel="noopener">#461</a></li>
|
||||
<li>add fallback loading to cross-domain images <a href="https://github.com/marcosmoura/vue-material/issues/424" target="_blank" rel="noopener">#424</a></li>
|
||||
<li>add better examples to list page <a href="https://github.com/marcosmoura/vue-material/issues/457" target="_blank" rel="noopener">#457</a></li>
|
||||
<li>fix and optimize layout media queries after upgrade to webpack 2 <a href="https://github.com/marcosmoura/vue-material/issues/456" target="_blank" rel="noopener">#456</a></li>
|
||||
<li>fix gutter example on documentation website</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.7.0">v0.7.0 - A lot of fixes and improvements!</a>
|
||||
</h2>
|
||||
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Speed Dial</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">New Features:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<h4 class="md-body-2">Support to icons without ligatures</h4>
|
||||
<p>Now you can use icon font like Font Awesome! (Thanks to <a href="https://github.com/sombriks" target="_blank" rel="noopener">@sombriks</a>)</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Support to SVG icon on bottom bar</h4>
|
||||
<p>(Thanks to <a href="https://github.com/sombriks" target="_blank" rel="noopener">@sombriks</a>)</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Select working without v-model</h4>
|
||||
<p>For those who use Laravel with Vue.js...</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">List item component recriated from scratch</h4>
|
||||
<p>Now more performant and more stable.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Swipe gestures on left Sidenav</h4>
|
||||
<p>More responsive and fluid experience on mobile devices. (Thanks to <a href="https://github.com/igor-ribeiro" target="_blank" rel="noopener">@igor-ribeiro</a>)</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Support to Theme Color on Android</h4>
|
||||
<p>Change the browser window color inside Chrome for Android based on the current theme.</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Breaking changes:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<p>To avoid issues and conflicts between multiple events on buttons and other "clickable" components the internal <code>@click</code> event don't work anymore. Use <code>@click.native</code> instead.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<p><strong>Only for contributors:</strong> To build Vue Material is now needed to upgrade all dependencies. Vue Material uses Webpack 2 under the hood and all dependencies were bumped to the latest.</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>check for null parent elements in mdInkRipple <a href="https://github.com/marcosmoura/vue-material/issues/313" target="_blank" rel="noopener">#313</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
<li>update the number of rows if the data set changes on mdTable <a href="https://github.com/marcosmoura/vue-material/issues/320" target="_blank" rel="noopener">#320</a> (Thanks to <a href="https://github.com/pablohpsilva" target="_blank" rel="noopener">@pablohpsilva</a>)</li>
|
||||
<li>disable pointer events on snackbar container <a href="https://github.com/marcosmoura/vue-material/issues/327" target="_blank" rel="noopener">#327</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
<li>allow null value to be passed to parent of md-select <a href="https://github.com/marcosmoura/vue-material/issues/338" target="_blank" rel="noopener">#338</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
<li>fix textarea autosize on initial value <a href="https://github.com/marcosmoura/vue-material/issues/341" target="_blank" rel="noopener">#341</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
<li>fix char counter not updating after model change <a href="https://github.com/marcosmoura/vue-material/issues/384" target="_blank" rel="noopener">#384</a></li>
|
||||
<li>prevent parent forms from submitting when adding chips <a href="https://github.com/marcosmoura/vue-material/issues/383" target="_blank" rel="noopener">#383</a></li>
|
||||
<li>prevent body from scroll on dialogs and menus <a href="https://github.com/marcosmoura/vue-material/issues/373" target="_blank" rel="noopener">#373</a></li>
|
||||
<li>fix error message not moving down on textarea <a href="https://github.com/marcosmoura/vue-material/issues/362" target="_blank" rel="noopener">#362</a></li>
|
||||
<li>add checked attribute to checkbox <a href="https://github.com/marcosmoura/vue-material/issues/366" target="_blank" rel="noopener">#366</a></li>
|
||||
<li>add select events when open and close mdSelect <a href="https://github.com/marcosmoura/vue-material/issues/357" target="_blank" rel="noopener">#357</a></li>
|
||||
<li>fix radio parsing md-value wrongly when null <a href="https://github.com/marcosmoura/vue-material/issues/378" target="_blank" rel="noopener">#378</a></li>
|
||||
<li>fix md-input colors inside cards <a href="https://github.com/marcosmoura/vue-material/issues/421" target="_blank" rel="noopener">#421</a></li>
|
||||
<li>fix overflow button color theme in cards <a href="https://github.com/marcosmoura/vue-material/issues/421" target="_blank" rel="noopener">#421</a></li>
|
||||
<li>pause snackbar timeout on hover <a href="https://github.com/marcosmoura/vue-material/issues/434" target="_blank" rel="noopener">#434</a> (Thanks to <a href="https://github.com/igor-ribeiro" target="_blank" rel="noopener">@igor-ribeiro</a>)</li>
|
||||
<li>enable multiple expansions in mdList <a href="https://github.com/marcosmoura/vue-material/issues/442" target="_blank" rel="noopener">#442</a> (Thanks to <a href="https://github.com/ivictbor" target="_blank" rel="noopener">@ivictbor</a>)</li>
|
||||
<li>allow preventDefault in md-switch <a href="https://github.com/marcosmoura/vue-material/issues/435" target="_blank" rel="noopener">#435</a> (Thanks to <a href="https://github.com/ivictbor" target="_blank" rel="noopener">@ivictbor</a>)</li>
|
||||
<li>add styles for input inside toolbar <a href="https://github.com/marcosmoura/vue-material/issues/395" target="_blank" rel="noopener">#395</a></li>
|
||||
<li>prevent ripple from getting undefined when parent elements doesnt exists</li>
|
||||
<li>normalize mobile and desktop events on ripple</li>
|
||||
<li>normalize mobile and desktop events on ripple</li>
|
||||
<li>remove unnecessary Vue.extend on component definition</li>
|
||||
<li>upgrade to webpack 2 with tree shaking support</li>
|
||||
<li>update supported browsers</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.6.3">v0.6.3 - Standalone fixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix broken standalone build <a href="https://github.com/marcosmoura/vue-material/issues/312" target="_blank" rel="noopener">#312</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
</ul>
|
||||
|
||||
<p>Sorry about so many updates!</p>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.6.2">v0.6.2 - Webpack fixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix alias for webpack <a href="https://github.com/marcosmoura/vue-material/issues/311" target="_blank" rel="noopener">#311</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.6.1">v0.6.1 - Hotfixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix bundle removing internal components at build time <a href="https://github.com/marcosmoura/vue-material/issues/273" target="_blank" rel="noopener">#273</a> <a href="https://github.com/marcosmoura/vue-material/issues/309" target="_blank" rel="noopener">#309</a></li>
|
||||
<li>fix md-icon-button with pallete colors inside cards <a href="https://github.com/marcosmoura/vue-material/issues/307" target="_blank" rel="noopener">#307</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.6.0">v0.6.0 - New components and Improved performance</a>
|
||||
</h2>
|
||||
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Chips</li>
|
||||
<li>File</li>
|
||||
<li>Image Loader</li>
|
||||
<li>Progress</li>
|
||||
<li>Snackbar</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">New Features:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<h4 class="md-body-2">SVG and PNG ICONS!!!</h4>
|
||||
<p>Another long time requested feature. Use external SVG icons inside the md-icon component with a lazy load and cache features.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">New icon sizes</h4>
|
||||
<p>1x, 2x, 3x, 4x or 5x. Choose your icon size!</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">New ripple component</h4>
|
||||
<p>A more performant ripple component with great support for touch devices.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Disable ripple globally</h4>
|
||||
<p>If you don't want that extra effect you can disable the ripple globally calling the API. Just follow the <a href="/#/components/ink-ripple">guide</a>.</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Reduced file size</h4>
|
||||
<p>Now Vue Material is ~20% lighter</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">Responsive md-offset on md-layout</h4>
|
||||
<p>md-flex-offset-{type}</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4 class="md-body-2">New md-layout alignment options with md-align</h4>
|
||||
<p>Apply an alignment to the container. Accepts <code>start</code>|<code>center</code>|<code>end</code> Example: <code>md-align="end"</code></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Breaking changes:</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<p>The old v-md-ink-ripple is now removed</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>recalculate indicator tab when parent changes <a href="https://github.com/marcosmoura/vue-material/issues/258" target="_blank" rel="noopener">#258</a></li>
|
||||
<li>fix md-input-container not reseting when model is null <a href="https://github.com/marcosmoura/vue-material/issues/277" target="_blank" rel="noopener">#277</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
<li>fix expansion lists size on resize <a href="https://github.com/marcosmoura/vue-material/issues/278" target="_blank" rel="noopener">#278</a></li>
|
||||
<li>set empty file when click on cancel button in md-file <a href="https://github.com/marcosmoura/vue-material/issues/290" target="_blank" rel="noopener">#290</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.5.1">v0.5.2 - Bugfixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>add cdn references to docs</li>
|
||||
<li>fix card expand negative margin</li>
|
||||
<li>split documentation pages into multiple bundles</li>
|
||||
<li>remove menu scroll <a href="https://github.com/marcosmoura/vue-material/issues/242" target="_blank" rel="noopener">#242</a></li>
|
||||
<li>rename sidenav show method to open <a href="https://github.com/marcosmoura/vue-material/issues/238" target="_blank" rel="noopener">#238</a></li>
|
||||
<li>fire "selected" event when select changes <a href="https://github.com/marcosmoura/vue-material/issues/230" target="_blank" rel="noopener">#230</a></li>
|
||||
<li>fix grey/white theme colors <a href="https://github.com/marcosmoura/vue-material/issues/233" target="_blank" rel="noopener">#233</a></li>
|
||||
<li>improve the icon component documentation <a href="https://github.com/marcosmoura/vue-material/issues/226" target="_blank" rel="noopener">#226</a> (Thanks to <a href="https://github.com/Nicolapps" target="_blank" rel="noopener">@Nicolapps</a>)</li>
|
||||
<li>fix mdTheme.vue filename case <a href="https://github.com/marcosmoura/vue-material/issues/252" target="_blank" rel="noopener">#252</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
|
||||
<li>fix version selector <a href="https://github.com/marcosmoura/vue-material/issues/240" target="_blank" rel="noopener">#240</a></li>
|
||||
<li>check initial value for multiple selects <a href="https://github.com/marcosmoura/vue-material/issues/245" target="_blank" rel="noopener">#245</a></li>
|
||||
<li>watch for dom changes on tab parent <a href="https://github.com/marcosmoura/vue-material/issues/248" target="_blank" rel="noopener">#248</a></li>
|
||||
<li>remove menu theming <a href="https://github.com/marcosmoura/vue-material/issues/253" target="_blank" rel="noopener">#253</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">
|
||||
<a href="https://vuematerial.github.io/releases/v0.5.1">v0.5.1 - Bugfixes</a>
|
||||
</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>remove invalid toggle option for expansion list <a href="https://github.com/marcosmoura/vue-material/issues/215" target="_blank" rel="noopener">#215</a></li>
|
||||
<li>revert demo code for layout page <a href="https://github.com/marcosmoura/vue-material/issues/216" target="_blank" rel="noopener">#216</a></li>
|
||||
<li>fix docs not scrolling on firefox <a href="https://github.com/marcosmoura/vue-material/issues/218" target="_blank" rel="noopener">#218</a></li>
|
||||
<li>fix vue material instance on non commonjs env <a href="https://github.com/marcosmoura/vue-material/issues/220" target="_blank" rel="noopener">#220</a></li>
|
||||
<li>recalculate the expansion element if a child is added</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.5.0 - New Grid System Engine!</h2>
|
||||
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Theme</li>
|
||||
<li>Layout</li>
|
||||
<li>Spinner</li>
|
||||
</ul>
|
||||
<p>The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!</p>
|
||||
|
||||
<h3 class="md-title">Breaking changes:</h3>
|
||||
<p>The first breaking change we never forget. The themes engine has changed and it's more simple now. This change make the themes reactive to make the themes dynamic using the theme component or the API. The performance of the engine is waaay better and the theme styles are now fixed and have a better scope.</p>
|
||||
<p>Check all theme changes in the new <a href="#/themes/configuration">themes section</a> inside the documentation website. There are some changes in the theme API:</p>
|
||||
|
||||
<h5 class="md-body-2">v-md-theme directive removed</h5>
|
||||
<p>The <code>v-md-theme</code> do not exists anymore and should be replaced by the brand new <code><md-theme></code> component.</p>
|
||||
|
||||
<h5 class="md-body-2">Register method renamed</h5>
|
||||
<p><code>Vue.material.theme.register</code> changed to <code>Vue.material.registerTheme</code>. This will make the API smore simple and easy to write.</p>
|
||||
|
||||
<h5 class="md-body-2">Register All removed</h5>
|
||||
<p><code>Vue.material.theme.registerAll</code> was removed. The <code>Vue.material.registerTheme</code> function now accepts a object:</p>
|
||||
<pre>
|
||||
Vue.material.registerTheme('about', {
|
||||
primary: {
|
||||
color: 'indigo',
|
||||
hue: 'A200'
|
||||
},
|
||||
accent: {
|
||||
color: 'grey',
|
||||
hue: 300
|
||||
}
|
||||
})
|
||||
</pre>
|
||||
|
||||
<h5 class="md-body-2">No need to use a default theme</h5>
|
||||
<p>Vue Material now comes with a default theme, according with the specifications.</p>
|
||||
|
||||
<h5 class="md-body-2">Applying other themes as the default (A.K.A. dynamic themes)</h5>
|
||||
<p>There is a new function to set the theme of you application dynamically:</p>
|
||||
<pre>
|
||||
Vue.material.setCurrentTheme('about')
|
||||
</pre>
|
||||
|
||||
<h3 class="md-title">New:</h3>
|
||||
<ul>
|
||||
<li>pass $event to on click inside md-list-item <a href="https://github.com/marcosmoura/vue-material/issues/175" target="_blank" rel="noopener">#175</a></li>
|
||||
<li>add support for theming on Cards <a href="https://github.com/marcosmoura/vue-material/issues/173" target="_blank" rel="noopener">#173</a></li>
|
||||
<li>add md-tooltip for tabheader <a href="https://github.com/marcosmoura/vue-material/issues/171" target="_blank" rel="noopener">#171</a></li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>adjust menu offset position when scroll is present <a href="https://github.com/marcosmoura/vue-material/issues/180" target="_blank" rel="noopener">#180</a></li>
|
||||
</ul>
|
||||
|
||||
<small>* Also it's not possible to see the code from previous version due to a change in the build system.</small>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.4.3 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix releases tree, load versions and changelog externaly</li>
|
||||
<li>fix build structure</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.4.2 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix switch not updating state after value change <a href="https://github.com/marcosmoura/vue-material/issues/200" target="_blank" rel="noopener">#200</a></li>
|
||||
<li>fix dialog with input closing after typing <a href="https://github.com/marcosmoura/vue-material/issues/183" target="_blank" rel="noopener">#183</a></li>
|
||||
<li>fix tooltip errors in console <a href="https://github.com/marcosmoura/vue-material/issues/188" target="_blank" rel="noopener">#188</a></li>
|
||||
<li>fix value in select with option with v-if <a href="https://github.com/marcosmoura/vue-material/issues/198" target="_blank" rel="noopener">#198</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.4.1 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>create custom tags in whiteframe component <a href="https://github.com/marcosmoura/vue-material/issues/169" target="_blank" rel="noopener">#169</a></li>
|
||||
<li>fix undefined object.values method and emit @change event <a href="https://github.com/marcosmoura/vue-material/issues/167" target="_blank" rel="noopener">#167</a> <a href="https://github.com/marcosmoura/vue-material/issues/165" target="_blank" rel="noopener">#165</a> (Thanks to <a href="https://github.com/jtouzy" target="_blank" rel="noopener">@jtouzy</a>)</li>
|
||||
<li>add reference of currentPage in mdTablePagination <a href="https://github.com/marcosmoura/vue-material/issues/163" target="_blank" rel="noopener">#163</a> (Thanks to <a href="https://github.com/jonataswalker" target="_blank" rel="noopener">@jonataswalker</a>)</li>
|
||||
<li>add scrollbar behaviour in dialog content <a href="https://github.com/marcosmoura/vue-material/issues/161" target="_blank" rel="noopener">#161</a></li>
|
||||
<li>resize textarea when a value change <a href="https://github.com/marcosmoura/vue-material/issues/160" target="_blank" rel="noopener">#160</a></li>
|
||||
<li>fix disabled selects being selectable <a href="https://github.com/marcosmoura/vue-material/issues/159" target="_blank" rel="noopener">#159</a></li>
|
||||
<li>add code sample to switch <a href="https://github.com/marcosmoura/vue-material/issues/157" target="_blank" rel="noopener">#157</a> (Thanks to <a href="https://github.com/vuchl" target="_blank" rel="noopener">@vuchl</a>)</li>
|
||||
<li>fix tooltip not being removed <a href="https://github.com/marcosmoura/vue-material/issues/156" target="_blank" rel="noopener">#156</a></li>
|
||||
<li>update prompt code example to be a prompt <a href="https://github.com/marcosmoura/vue-material/issues/150" target="_blank" rel="noopener">#150</a> (Thanks to <a href="https://github.com/vuchl" target="_blank" rel="noopener">@vuchl</a>)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.4.0 - New Documentation Website</h2>
|
||||
<h3 class="md-title">New Documentation:</h3>
|
||||
<ul>
|
||||
<li>Better Getting started</li>
|
||||
<li>Themes guide</li>
|
||||
<li>Version selector</li>
|
||||
<li>API Guide</li>
|
||||
<li>Better Examples</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Dialog</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>fix shadow transition inside menus <a href="https://github.com/marcosmoura/vue-material/issues/141" target="_blank" rel="noopener">#141</a> <a href="https://github.com/marcosmoura/vue-material/issues/129" target="_blank" rel="noopener">#129</a></li>
|
||||
<li>fix table row not watching item <a href="https://github.com/marcosmoura/vue-material/issues/116" target="_blank" rel="noopener">#116</a> <a href="https://github.com/marcosmoura/vue-material/issues/113" target="_blank" rel="noopener">#113</a></li>
|
||||
<li>add href support for mdBottomBar <a href="https://github.com/marcosmoura/vue-material/issues/121" target="_blank" rel="noopener">#121</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.3.3 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>Fix regression on inputs getting wrong value after manual update <a href="https://github.com/marcosmoura/vue-material/issues/101" target="_blank" rel="noopener">#101</a> <a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a> <a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.3.2 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>Fix babel export default module.exports <a href="https://github.com/marcosmoura/vue-material/issues/92" target="_blank" rel="noopener">#92</a></li>
|
||||
<li>Fix tooltips jumping when screen resize <a href="https://github.com/marcosmoura/vue-material/issues/85" target="_blank" rel="noopener">#85</a></li>
|
||||
<li>Fix table not getting instance <a href="https://github.com/marcosmoura/vue-material/issues/91" target="_blank" rel="noopener">#91</a> <a href="https://github.com/marcosmoura/vue-material/issues/88" target="_blank" rel="noopener">#88</a></li>
|
||||
<li>Fix regression on password review <a href="https://github.com/marcosmoura/vue-material/issues/95" target="_blank" rel="noopener">#95</a></li>
|
||||
<li>Fix input getting wrong value after manual update <a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a> <a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></li>
|
||||
<li>Use the internal value of md-input to set the value of the container <a href="https://github.com/marcosmoura/vue-material/pull/97" target="_blank" rel="noopener">#97</a> (Thanks to <a href="https://github.com/Cabbaggio" target="_blank" rel="noopener">@Cabbaggio</a>)</li>
|
||||
<li>Add material.debug.js to dist folder <a href="https://github.com/marcosmoura/vue-material/pull/90" target="_blank" rel="noopener">#90</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.3.1 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>md-select not being reactive <a href="https://github.com/marcosmoura/vue-material/issues/74" target="_blank" rel="noopener">#74</a></li>
|
||||
<li>Fix components not being updated inside v-once <a href="https://github.com/marcosmoura/vue-material/issues/69" target="_blank" rel="noopener">#69</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></li>
|
||||
<li>Fix input number not accepting numbers <a href="https://github.com/marcosmoura/vue-material/issues/67" target="_blank" rel="noopener">#67</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></li>
|
||||
<li>Fix md-input-container crashing when the select value is null <a href="https://github.com/marcosmoura/vue-material/issues/64" target="_blank" rel="noopener">#64</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.3.0 - Huge Release</h2>
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Data Table</li>
|
||||
<li>Menu</li>
|
||||
<li>Select with multiple selection</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>md-input not reactive when initial value empty <a href="https://github.com/marcosmoura/vue-material/issues/40" target="_blank" rel="noopener">#40</a></li>
|
||||
<li>md-textarea with maxlength not writable <a href="https://github.com/marcosmoura/vue-material/issues/43" target="_blank" rel="noopener"></a>#43</li>
|
||||
<li>Do not style scrollbars by default <a href="https://github.com/marcosmoura/vue-material/issues/46" target="_blank" rel="noopener">#46</a></li>
|
||||
<li>SELECT component: display issue in IE11 <a href="https://github.com/marcosmoura/vue-material/issues/34" target="_blank" rel="noopener">#34</a></li>
|
||||
<li>Select component popup shows behind other components <a href="https://github.com/marcosmoura/vue-material/issues/26" target="_blank" rel="noopener">#26</a></li>
|
||||
<li>md-select text vs value <a href="https://github.com/marcosmoura/vue-material/issues/24" target="_blank" rel="noopener"></a>#24</li>
|
||||
<li>md-button ignores type prop <a href="https://github.com/marcosmoura/vue-material/issues/41" target="_blank" rel="noopener">#41</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</li>
|
||||
<li>md-select displaying selected text (rather than value) <a href="https://github.com/marcosmoura/vue-material/issues/36" target="_blank" rel="noopener">#36</a></li>
|
||||
<li>Added 'type' props to switch button <a href="https://github.com/marcosmoura/vue-material/pull/27" target="_blank" rel="noopener">#27</a> (Thanks to <a href="https://github.com/guillaumerxl" target="_blank" rel="noopener">@guillaumerxl</a>)</li>
|
||||
<li>Add babel-cli as dev dependency <a href="https://github.com/marcosmoura/vue-material/pull/28" target="_blank" rel="noopener">#28</a> (Thanks to <a href="https://github.com/lucassouza1" target="_blank" rel="noopener">@lucassouza1</a>)</li>
|
||||
<li>Remove dotted outline around button in firefox <a href="https://github.com/marcosmoura/vue-material/pull/52" target="_blank" rel="noopener">#52</a> (Thanks to <a href="https://github.com/yeknava" target="_blank" rel="noopener">@yeknava</a>)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.2.0 - New components</h2>
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Cards</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>Add Roboto font and google icons to the docs <a href="https://github.com/marcosmoura/vue-material/commit/421ce7bb21a1489c8f98ee12d0d525eec6b0ee12" target="_blank" rel="noopener">421ce7b</a></li>
|
||||
<li>Explains better how to install and configure vue-material <a href="https://github.com/marcosmoura/vue-material/commit/cc43985fc1d30403a7c95bfeb2dc38bbcc1acb9e" target="_blank" rel="noopener">cc43985</a></li>
|
||||
<li>Emit change & input events from mdTextarea <a href="https://github.com/marcosmoura/vue-material/commit/b474af9fd8d5f4563914e5aae47d14b7c8c62fb2" target="_blank" rel="noopener">b474af9</a> (Thanks to <a href="https://github.com/jvanbrug" target="_blank" rel="noopener">@jvanbrug</a>)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.1.2 - Bugfixes</h2>
|
||||
<h3 class="md-title">Fixes:</h3>
|
||||
<ul>
|
||||
<li>Fixed tooltips on Firefox</li>
|
||||
<li>Misaligned icons inside buttons on Firefox</li>
|
||||
<li>Documentation fixes</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.1.1 - Bugfixes</h2>
|
||||
<h3 class="md-title">Changes:</h3>
|
||||
<ul>
|
||||
<li>Bugfixes</li>
|
||||
<li>Firefox support</li>
|
||||
<li>Initial documentation</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 class="md-headline">v0.1.0 - Initial Release</h2>
|
||||
<h3 class="md-title">New Components:</h3>
|
||||
<ul>
|
||||
<li>Avatar</li>
|
||||
<li>Bottom Bar</li>
|
||||
<li>Button</li>
|
||||
<li>Button Toggle</li>
|
||||
<li>Checkbox</li>
|
||||
<li>Divider</li>
|
||||
<li>Icon</li>
|
||||
<li>Input</li>
|
||||
<li>List</li>
|
||||
<li>Radio</li>
|
||||
<li>Select</li>
|
||||
<li>Sidenav</li>
|
||||
<li>Subheader</li>
|
||||
<li>Switch</li>
|
||||
<li>Tabs</li>
|
||||
<li>Toolbar</li>
|
||||
<li>Tooltip</li>
|
||||
<li>Whiteframe</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="md-title">UI Elements:</h3>
|
||||
<ul>
|
||||
<li>Themes</li>
|
||||
<li>Typography</li>
|
||||
<li>Fluid Media</li>
|
||||
<li>Custom Scrollbar</li>
|
||||
<li>Selection Styles</li>
|
||||
</ul>
|
||||
</section>
|
||||
524
dist/components/mdAvatar/index.debug.js
vendored
524
dist/components/mdAvatar/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,340 +43,224 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 447);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(72);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 72:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdAvatar = __webpack_require__(248);
|
||||
|
||||
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
|
||||
|
||||
var _mdAvatar3 = __webpack_require__(222);
|
||||
|
||||
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-avatar', Vue.extend(_mdAvatar2.default));
|
||||
|
||||
Vue.material.styles.push(_mdAvatar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 110:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
mixins: [_mixin2.default]
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 195:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 222:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n color: WARN-CONTRAST-0.99999; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 248:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(195)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(110)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(322)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-1cbfca0d", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-1cbfca0d", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 322:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-avatar",
|
||||
class: [_vm.themeClass]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-1cbfca0d", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 126:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-avatar',
|
||||
mixins: [_mixin2.default]
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 246:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 266:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n color: WARN-CONTRAST-0.99999; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 296:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(246)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(126),
|
||||
/* template */
|
||||
__webpack_require__(412),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdAvatar/mdAvatar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-4fb5ecf8", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-4fb5ecf8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 412:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-avatar",
|
||||
class: [_vm.themeClass]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-4fb5ecf8", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 447:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(80);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 80:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdAvatar = __webpack_require__(296);
|
||||
|
||||
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
|
||||
|
||||
var _mdAvatar3 = __webpack_require__(266);
|
||||
|
||||
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-avatar', _mdAvatar2.default);
|
||||
|
||||
Vue.material.styles.push(_mdAvatar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdAvatar/index.js
vendored
10
dist/components/mdAvatar/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=446)})({0:function(e,t){e.exports=function(e,t,n,r,o){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),r&&(c._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=d):n&&(d=n),d){var s=c.functional,f=s?c.render:c.beforeCreate;s?c.render=function(e,t){return d.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,d):[d]}return{esModule:a,exports:i,options:c}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},126:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o);t.default={name:"md-avatar",mixins:[a.default]},e.exports=t.default},246:function(e,t){},265:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},295:function(e,t,n){function r(e){n(246)}var o=n(0)(n(126),n(411),r,null,null);e.exports=o.exports},411:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},446:function(e,t,n){e.exports=n(80)},80:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",i.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=n(295),i=r(a),u=n(265),c=r(u);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(a){if(r[a])return r[a].exports;var n=r[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(72)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},72:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-avatar",e.extend(d.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(248),d=a(o),s=r(222),i=a(s);e.exports=t.default},110:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),o=a(n);t.default={mixins:[o.default]},e.exports=t.default},195:function(e,t){},222:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},248:function(e,t,r){var a,n;r(195),a=r(110);var o=r(322);n=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(n=a=a.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,e.exports=a},322:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
|
||||
389
dist/components/mdBackdrop/index.debug.js
vendored
389
dist/components/mdBackdrop/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,275 +43,152 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 448);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(73);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 127:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ 73:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdBackdrop = __webpack_require__(249);
|
||||
|
||||
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-backdrop', Vue.extend(_mdBackdrop2.default));
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 111:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
methods: {
|
||||
close: function close() {
|
||||
this.$emit('close');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 219:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 249:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(219)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(111)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(367)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-df1259a6", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-df1259a6", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
/***/ },
|
||||
|
||||
exports.default = {
|
||||
name: 'md-backdrop',
|
||||
methods: {
|
||||
close: function close() {
|
||||
this.$emit('close');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
/***/ 367:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/***/ }),
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-backdrop",
|
||||
on: {
|
||||
"click": _vm.close,
|
||||
"keyup": function($event) {
|
||||
if (_vm._k($event.keyCode, "esc", 27)) { return; }
|
||||
_vm.close($event)
|
||||
}
|
||||
}
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-df1259a6", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ 264:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ }
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 297:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(264)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(127),
|
||||
/* template */
|
||||
__webpack_require__(443),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-e09d01b8", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-e09d01b8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 443:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-backdrop",
|
||||
on: {
|
||||
"click": _vm.close,
|
||||
"keyup": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
|
||||
_vm.close($event)
|
||||
}
|
||||
}
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-e09d01b8", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 448:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(81);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 81:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdBackdrop = __webpack_require__(297);
|
||||
|
||||
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-backdrop', _mdBackdrop2.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdBackdrop/index.js
vendored
10
dist/components/mdBackdrop/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=447)})({0:function(e,t){e.exports=function(e,t,n,o,r){var u,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(u=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var f;if(r?(f=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=f):n&&(f=n),f){var d=c.functional,a=d?c.render:c.beforeCreate;d?c.render=function(e,t){return f.call(t),a(e,t)}:c.beforeCreate=a?[].concat(a,f):[f]}return{esModule:u,exports:i,options:c}}},127:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"md-backdrop",methods:{close:function(){this.$emit("close")}}},e.exports=t.default},264:function(e,t){},296:function(e,t,n){function o(e){n(264)}var r=n(0)(n(127),n(442),o,null,null);e.exports=r.exports},442:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){return"button"in t||!e._k(t.keyCode,"esc",27)?void e.close(t):null}}})},staticRenderFns:[]}},447:function(e,t,n){e.exports=n(81)},81:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(296),i=o(u);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(73)},73:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",e.extend(c.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(249),c=n(u);e.exports=t.default},111:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},219:function(e,t){},249:function(e,t,o){var n,r;o(219),n=o(111);var u=o(367);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=n},367:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})}));
|
||||
948
dist/components/mdBottomBar/index.debug.js
vendored
948
dist/components/mdBottomBar/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,554 +43,420 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 449);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(74);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var name = component.mdTheme;
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 128:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-bottom-bar',
|
||||
props: {
|
||||
mdShift: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return this.mdShift ? 'md-shift' : 'md-fixed';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setActive: function setActive(item) {
|
||||
this.$children.forEach((function (child) {
|
||||
child.active = child === item;
|
||||
}));
|
||||
|
||||
this.$emit('change', this.$children.findIndex((function (i) {
|
||||
return i === item;
|
||||
})));
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 129:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-bottom-bar-item',
|
||||
props: {
|
||||
mdIcon: String,
|
||||
mdIconSrc: String,
|
||||
mdIconset: String,
|
||||
mdActive: Boolean,
|
||||
disabled: Boolean,
|
||||
href: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
active: false
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-active': this.active
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdActive: function mdActive(active) {
|
||||
this.setActive(active);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setActive: function setActive(active, $event) {
|
||||
if (active) {
|
||||
this.$parent.setActive(this);
|
||||
}
|
||||
|
||||
if ($event) {
|
||||
this.$emit('click', $event);
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
if (!this.$parent.$el.classList.contains('md-bottom-bar')) {
|
||||
this.$destroy();
|
||||
|
||||
throw new Error('You should wrap the md-bottom-bar-item in a md-bottom-bar');
|
||||
}
|
||||
|
||||
if (this.mdActive) {
|
||||
this.active = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 234:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 267:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-bottom-bar.md-fixed {\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n color: PRIMARY-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n color: WARN-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-bottom-bar.md-shift {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: PRIMARY-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n color: ACCENT-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: ACCENT-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n color: WARN-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: WARN-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n color: WARN-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n background-color: transparent; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 298:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(234)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(128),
|
||||
/* template */
|
||||
__webpack_require__(386),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-197179a8", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-197179a8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 299:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(129),
|
||||
/* template */
|
||||
__webpack_require__(388),
|
||||
/* styles */
|
||||
null,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-1b798f5b", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-1b798f5b", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 386:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-bottom-bar",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-197179a8", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 388:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return (_vm.href) ? _c('a', {
|
||||
staticClass: "md-bottom-bar-item",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"href": _vm.href,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.setActive(true, $event)
|
||||
}
|
||||
}
|
||||
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
|
||||
attrs: {
|
||||
"md-src": _vm.mdIconSrc,
|
||||
"md-iconset": _vm.mdIconset
|
||||
}
|
||||
}, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _c('span', {
|
||||
staticClass: "md-text"
|
||||
}, [_vm._t("default")], 2)], 1) : _c('button', {
|
||||
staticClass: "md-bottom-bar-item",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"type": "button",
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.setActive(true, $event)
|
||||
}
|
||||
}
|
||||
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
|
||||
attrs: {
|
||||
"md-src": _vm.mdIconSrc,
|
||||
"md-iconset": _vm.mdIconset
|
||||
}
|
||||
}, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _c('span', {
|
||||
staticClass: "md-text"
|
||||
}, [_vm._t("default")], 2)], 1)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-1b798f5b", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 449:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(82);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 82:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdBottomBar = __webpack_require__(298);
|
||||
|
||||
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
|
||||
|
||||
var _mdBottomBarItem = __webpack_require__(299);
|
||||
|
||||
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
|
||||
|
||||
var _mdBottomBar3 = __webpack_require__(267);
|
||||
|
||||
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-bottom-bar', _mdBottomBar2.default);
|
||||
Vue.component('md-bottom-bar-item', _mdBottomBarItem2.default);
|
||||
|
||||
Vue.material.styles.push(_mdBottomBar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 74:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdBottomBar = __webpack_require__(250);
|
||||
|
||||
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
|
||||
|
||||
var _mdBottomBarItem = __webpack_require__(251);
|
||||
|
||||
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
|
||||
|
||||
var _mdBottomBar3 = __webpack_require__(223);
|
||||
|
||||
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-bottom-bar', Vue.extend(_mdBottomBar2.default));
|
||||
Vue.component('md-bottom-bar-item', Vue.extend(_mdBottomBarItem2.default));
|
||||
|
||||
Vue.material.styles.push(_mdBottomBar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 112:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdShift: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return this.mdShift ? 'md-shift' : 'md-fixed';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setActive: function setActive(item) {
|
||||
this.$children.forEach((function (child) {
|
||||
child.active = child === item;
|
||||
}));
|
||||
|
||||
this.$emit('change', this.$children.findIndex((function (i) {
|
||||
return i === item;
|
||||
})));
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 113:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdIcon: String,
|
||||
mdActive: Boolean,
|
||||
disabled: String,
|
||||
href: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
active: false
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-active': this.active
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdActive: function mdActive(active) {
|
||||
this.setActive(active);
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setActive: function setActive(active) {
|
||||
if (active) {
|
||||
this.$parent.setActive(this);
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
if (!this.$parent.$el.classList.contains('md-bottom-bar')) {
|
||||
this.$destroy();
|
||||
|
||||
throw new Error('You should wrap the md-bottom-bar-item in a md-bottom-bar');
|
||||
}
|
||||
|
||||
if (this.mdActive) {
|
||||
this.active = true;
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 193:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 223:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-bottom-bar.md-fixed {\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n color: PRIMARY-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n color: WARN-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-bottom-bar.md-shift {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: PRIMARY-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n color: ACCENT-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: ACCENT-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n color: WARN-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: WARN-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n color: WARN-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n background-color: transparent; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 250:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(193)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(112)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(315)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-039c211e", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-039c211e", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 251:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(113)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(321)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-1c07f8a4", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-1c07f8a4", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 315:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-bottom-bar",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-039c211e", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 321:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return (_vm.href) ? _c('a', {
|
||||
staticClass: "md-bottom-bar-item",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"href": _vm.href,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": _vm.setActive
|
||||
}
|
||||
}, [_c('md-icon', [_vm._v(_vm._s(_vm.mdIcon))]), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _c('span', {
|
||||
staticClass: "md-text"
|
||||
}, [_vm._t("default")], 2)], 1) : _c('button', {
|
||||
staticClass: "md-bottom-bar-item",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"type": "button",
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": _vm.setActive
|
||||
}
|
||||
}, [_c('md-icon', [_vm._v(_vm._s(_vm.mdIcon))]), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _c('span', {
|
||||
staticClass: "md-text"
|
||||
}, [_vm._t("default")], 2)], 1)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-1c07f8a4", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdBottomBar/index.js
vendored
10
dist/components/mdBottomBar/index.js
vendored
File diff suppressed because one or more lines are too long
91
dist/components/mdButton/index.css
vendored
91
dist/components/mdButton/index.css
vendored
|
|
@ -59,11 +59,11 @@
|
|||
font-size: 13px;
|
||||
}
|
||||
.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
|
||||
margin-top: 1px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.md-button.md-icon-button {
|
||||
width: 40px;
|
||||
|
|
@ -100,7 +100,6 @@
|
|||
.md-button.md-fab {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
padding: 0;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
|
|
@ -113,6 +112,44 @@
|
|||
.md-button.md-fab:hover, .md-button.md-fab:focus {
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-left {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-center {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 50%;
|
||||
z-index: 10;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.md-button.md-fab.md-fab-top-right {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-left {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-center {
|
||||
position: absolute;
|
||||
bottom: 16px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-fab-bottom-right {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
bottom: 16px;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-button.md-fab.md-mini {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
|
|
@ -124,7 +161,6 @@
|
|||
.md-button[disabled] {
|
||||
color: rgba(0, 0, 0, 0.26);
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
.md-button[disabled].md-raised, .md-button[disabled].md-fab {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
|
|
@ -144,49 +180,6 @@
|
|||
.md-button.md-fab .md-icon {
|
||||
display: block;
|
||||
}
|
||||
.md-fab.md-fab-top-left, .md-fab.md-fab-top-center, .md-fab.md-fab-top-right, .md-fab.md-fab-bottom-left, .md-fab.md-fab-bottom-center, .md-fab.md-fab-bottom-right,
|
||||
.md-speed-dial.md-fab-top-left,
|
||||
.md-speed-dial.md-fab-top-center,
|
||||
.md-speed-dial.md-fab-top-right,
|
||||
.md-speed-dial.md-fab-bottom-left,
|
||||
.md-speed-dial.md-fab-bottom-center,
|
||||
.md-speed-dial.md-fab-bottom-right {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
.md-fab.md-fab-top-left,
|
||||
.md-speed-dial.md-fab-top-left {
|
||||
top: 24px;
|
||||
left: 24px;
|
||||
}
|
||||
.md-fab.md-fab-top-center,
|
||||
.md-speed-dial.md-fab-top-center {
|
||||
top: 24px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.md-fab.md-fab-top-right,
|
||||
.md-speed-dial.md-fab-top-right {
|
||||
top: 24px;
|
||||
right: 24px;
|
||||
}
|
||||
.md-fab.md-fab-bottom-left,
|
||||
.md-speed-dial.md-fab-bottom-left {
|
||||
bottom: 24px;
|
||||
left: 24px;
|
||||
}
|
||||
.md-fab.md-fab-bottom-center,
|
||||
.md-speed-dial.md-fab-bottom-center {
|
||||
bottom: 24px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.md-fab.md-fab-bottom-right,
|
||||
.md-speed-dial.md-fab-bottom-right {
|
||||
right: 24px;
|
||||
bottom: 24px;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-top {
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
|
|
|||
636
dist/components/mdButton/index.debug.js
vendored
636
dist/components/mdButton/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,396 +43,280 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 450);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(75);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 75:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdButton = __webpack_require__(252);
|
||||
|
||||
var _mdButton2 = _interopRequireDefault(_mdButton);
|
||||
|
||||
var _mdButton3 = __webpack_require__(224);
|
||||
|
||||
var _mdButton4 = _interopRequireDefault(_mdButton3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-button', Vue.extend(_mdButton2.default));
|
||||
|
||||
Vue.material.styles.push(_mdButton4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 114:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
href: String,
|
||||
target: String,
|
||||
rel: String,
|
||||
type: {
|
||||
type: String,
|
||||
default: 'button'
|
||||
},
|
||||
disabled: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
newRel: function newRel() {
|
||||
if (this.target === '_blank') {
|
||||
return this.rel || 'noopener';
|
||||
}
|
||||
|
||||
return this.rel;
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 212:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 224:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n background-color: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n background-color: WARN-COLOR;\n color: WARN-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 252:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(212)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(114)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(357)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButton/mdButton.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-9b3983a6", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-9b3983a6", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 357:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return (!_vm.href) ? _c('button', {
|
||||
staticClass: "md-button",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"type": _vm.type,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.$emit('click', $event)
|
||||
}
|
||||
}
|
||||
}, [_c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
|
||||
staticClass: "md-button",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"href": _vm.href,
|
||||
"disabled": _vm.disabled,
|
||||
"target": _vm.target,
|
||||
"rel": _vm.newRel
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.$emit('click', $event)
|
||||
}
|
||||
}
|
||||
}, [_c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-9b3983a6", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 130:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-button',
|
||||
props: {
|
||||
href: String,
|
||||
target: String,
|
||||
rel: String,
|
||||
type: {
|
||||
type: String,
|
||||
default: 'button'
|
||||
},
|
||||
disabled: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
newRel: function newRel() {
|
||||
if (this.target === '_blank') {
|
||||
return this.rel || 'noopener';
|
||||
}
|
||||
|
||||
return this.rel;
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 254:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 268:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n background-color: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n background-color: WARN-COLOR;\n color: WARN-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 300:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(254)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(130),
|
||||
/* template */
|
||||
__webpack_require__(430),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdButton/mdButton.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-6dc87da4", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-6dc87da4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 430:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return (_vm.href) ? _c('a', {
|
||||
staticClass: "md-button",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"href": _vm.href,
|
||||
"disabled": _vm.disabled,
|
||||
"target": _vm.target,
|
||||
"rel": _vm.newRel
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.$emit('click', $event)
|
||||
}
|
||||
}
|
||||
}, [_c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _vm._t("default")], 2) : _c('button', {
|
||||
staticClass: "md-button",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"type": _vm.type,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.$emit('click', $event)
|
||||
}
|
||||
}
|
||||
}, [_c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-6dc87da4", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 450:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(83);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 83:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdButton = __webpack_require__(300);
|
||||
|
||||
var _mdButton2 = _interopRequireDefault(_mdButton);
|
||||
|
||||
var _mdButton3 = __webpack_require__(268);
|
||||
|
||||
var _mdButton4 = _interopRequireDefault(_mdButton3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-button', _mdButton2.default);
|
||||
|
||||
Vue.material.styles.push(_mdButton4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdButton/index.js
vendored
10
dist/components/mdButton/index.js
vendored
File diff suppressed because one or more lines are too long
598
dist/components/mdButtonToggle/index.debug.js
vendored
598
dist/components/mdButtonToggle/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,377 +43,261 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 451);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(76);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 76:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdButtonToggle = __webpack_require__(253);
|
||||
|
||||
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
|
||||
|
||||
var _mdButtonToggle3 = __webpack_require__(225);
|
||||
|
||||
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-button-toggle', Vue.extend(_mdButtonToggle2.default));
|
||||
|
||||
Vue.material.styles.push(_mdButtonToggle4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 115:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var onClickButton = void 0; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdSingle: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
mounted: function mounted() {
|
||||
var _this = this;
|
||||
|
||||
this.$children.forEach((function (child) {
|
||||
var element = child.$el;
|
||||
var toggleClass = 'md-toggle';
|
||||
|
||||
onClickButton = function onClickButton() {
|
||||
if (_this.mdSingle) {
|
||||
_this.$children.forEach((function (child) {
|
||||
child.$el.classList.remove(toggleClass);
|
||||
}));
|
||||
|
||||
element.classList.add(toggleClass);
|
||||
} else {
|
||||
element.classList.toggle(toggleClass);
|
||||
}
|
||||
};
|
||||
|
||||
if (element && element.classList.contains('md-button')) {
|
||||
element.addEventListener('click', onClickButton);
|
||||
}
|
||||
}));
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.$children.forEach((function (child) {
|
||||
var element = child.$el;
|
||||
|
||||
if (element && element.classList.contains('md-button')) {
|
||||
element.removeEventListener('click', onClickButton);
|
||||
}
|
||||
}));
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 194:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 225:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n width: 1px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-0.54;\n background-color: BACKGROUND-CONTRAST-0.26; }\n .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 253:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(194)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(115)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(317)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-106cf22d", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-106cf22d", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 317:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-button-toggle",
|
||||
class: [_vm.themeClass]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-106cf22d", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 131:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var onClickButton = void 0; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-button-toggle',
|
||||
props: {
|
||||
mdSingle: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
mounted: function mounted() {
|
||||
var _this = this;
|
||||
|
||||
this.$children.forEach((function (child) {
|
||||
var element = child.$el;
|
||||
var toggleClass = 'md-toggle';
|
||||
|
||||
onClickButton = function onClickButton() {
|
||||
if (_this.mdSingle) {
|
||||
_this.$children.forEach((function (child) {
|
||||
child.$el.classList.remove(toggleClass);
|
||||
}));
|
||||
|
||||
element.classList.add(toggleClass);
|
||||
} else {
|
||||
element.classList.toggle(toggleClass);
|
||||
}
|
||||
};
|
||||
|
||||
if (element && element.classList.contains('md-button')) {
|
||||
element.addEventListener('click', onClickButton);
|
||||
}
|
||||
}));
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
this.$children.forEach((function (child) {
|
||||
var element = child.$el;
|
||||
|
||||
if (element && element.classList.contains('md-button')) {
|
||||
element.removeEventListener('click', onClickButton);
|
||||
}
|
||||
}));
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 231:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 269:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n width: 1px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-0.54;\n background-color: BACKGROUND-CONTRAST-0.26; }\n .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 301:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(231)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(131),
|
||||
/* template */
|
||||
__webpack_require__(378),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-0c5891b8", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-0c5891b8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 378:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-button-toggle",
|
||||
class: [_vm.themeClass]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-0c5891b8", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 451:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(84);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 84:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdButtonToggle = __webpack_require__(301);
|
||||
|
||||
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
|
||||
|
||||
var _mdButtonToggle3 = __webpack_require__(269);
|
||||
|
||||
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-button-toggle', _mdButtonToggle2.default);
|
||||
|
||||
Vue.material.styles.push(_mdButtonToggle4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdButtonToggle/index.js
vendored
10
dist/components/mdButtonToggle/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=450)})({0:function(t,e){t.exports=function(t,e,o,n,r){var d,l=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(d=t,l=t.default);var c="function"==typeof l?l.options:l;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),n&&(c._scopeId=n);var i;if(r?(i=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=i):o&&(i=o),i){var a=c.functional,s=a?c.render:c.beforeCreate;a?c.render=function(t,e){return i.call(e),s(t,e)}:c.beforeCreate=s?[].concat(s,i):[i]}return{esModule:d,exports:l,options:c}}},1:function(t,e,o){"use strict";function n(t){if(!t)return null;var e=t.mdTheme;return e||"md-theme"!==t.$options._componentTag||(e=t.mdName),e||n(t.$parent)}Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(t){this.$material.useTheme(t)}},beforeMount:function(){var t=this.mdTheme;this.$material.useTheme(t?t:"default")}},t.exports=e.default},131:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={name:"md-button-toggle",props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},231:function(t,e){},268:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},300:function(t,e,o){function n(t){o(231)}var r=o(0)(o(131),o(377),n,null,null);t.exports=r.exports},377:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}},450:function(t,e,o){t.exports=o(84)},84:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",l.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(300),l=n(d),u=o(268),c=n(u);t.exports=e.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)})({0:function(t,e,o){t.exports=o(76)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},76:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(253),l=n(d),a=o(225),c=n(a);t.exports=e.default},115:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},194:function(t,e){},225:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},253:function(t,e,o){var n,r;o(194),n=o(115);var d=o(317);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=d.render,r.staticRenderFns=d.staticRenderFns,t.exports=n},317:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}}})}));
|
||||
7
dist/components/mdCard/index.css
vendored
7
dist/components/mdCard/index.css
vendored
|
|
@ -278,8 +278,6 @@
|
|||
.md-card .md-card-expand.md-active .md-card-content {
|
||||
margin-top: 0 !important;
|
||||
opacity: 1;
|
||||
padding: 4px 16px 24px 16px;
|
||||
height: auto;
|
||||
}
|
||||
.md-card .md-card-expand .md-card-actions {
|
||||
padding-top: 0;
|
||||
|
|
@ -291,14 +289,13 @@
|
|||
will-change: transform;
|
||||
}
|
||||
.md-card .md-card-expand .md-card-content {
|
||||
height: 0;
|
||||
padding: 0 16px;
|
||||
padding-top: 4px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
transform: translate3D(0, 0, 0);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
will-change: margin, height;
|
||||
will-change: margin;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
2358
dist/components/mdCard/index.debug.js
vendored
2358
dist/components/mdCard/index.debug.js
vendored
File diff suppressed because one or more lines are too long
10
dist/components/mdCard/index.js
vendored
10
dist/components/mdCard/index.js
vendored
File diff suppressed because one or more lines are too long
7
dist/components/mdCheckbox/index.css
vendored
7
dist/components/mdCheckbox/index.css
vendored
|
|
@ -9,15 +9,8 @@
|
|||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-checkbox:not(.md-disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-checkbox:not(.md-disabled) .md-checkbox-label {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-checkbox .md-checkbox-container {
|
||||
width: 20px;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
border-radius: 2px;
|
||||
|
|
|
|||
675
dist/components/mdCheckbox/index.debug.js
vendored
675
dist/components/mdCheckbox/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,419 +43,296 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 453);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(78);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 78:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdCheckbox = __webpack_require__(264);
|
||||
|
||||
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
|
||||
|
||||
var _mdCheckbox3 = __webpack_require__(227);
|
||||
|
||||
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-checkbox', Vue.extend(_mdCheckbox2.default));
|
||||
|
||||
Vue.material.styles.push(_mdCheckbox4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 122:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
name: String,
|
||||
value: [String, Boolean],
|
||||
id: String,
|
||||
disabled: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
data: function data() {
|
||||
return {
|
||||
checked: this.value
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-checked': Boolean(this.checked),
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: function value() {
|
||||
this.checked = this.value;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleCheck: function toggleCheck($event) {
|
||||
if (!this.disabled) {
|
||||
this.checked = !this.checked;
|
||||
this.$emit('change', this.checked, $event);
|
||||
this.$emit('input', this.checked, $event);
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 214:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 227:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n background-color: ACCENT-COLOR;\n border-color: ACCENT-COLOR; }\n .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n background-color: PRIMARY-COLOR;\n border-color: PRIMARY-COLOR; }\n .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n background-color: WARN-COLOR;\n border-color: WARN-COLOR; }\n .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n background-color: rgba(0, 0, 0, 0.26);\n border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 264:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(214)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(122)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(359)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-9db725e6", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-9db725e6", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 359:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-checkbox",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('div', {
|
||||
staticClass: "md-checkbox-container",
|
||||
attrs: {
|
||||
"tabindex": "0"
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.toggleCheck($event)
|
||||
}
|
||||
}
|
||||
}, [_c('input', {
|
||||
attrs: {
|
||||
"type": "checkbox",
|
||||
"name": _vm.name,
|
||||
"id": _vm.id,
|
||||
"disabled": _vm.disabled,
|
||||
"tabindex": "-1"
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.value
|
||||
}
|
||||
}), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
|
||||
staticClass: "md-checkbox-label",
|
||||
attrs: {
|
||||
"for": _vm.id || _vm.name
|
||||
}
|
||||
}, [_vm._t("default")], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-9db725e6", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 142:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-checkbox',
|
||||
props: {
|
||||
name: String,
|
||||
value: [String, Boolean],
|
||||
id: String,
|
||||
disabled: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
data: function data() {
|
||||
return {
|
||||
checked: this.value || false
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-checked': this.checked,
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
value: function value() {
|
||||
this.checked = !!this.value;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleCheck: function toggleCheck($event) {
|
||||
if (!this.disabled) {
|
||||
this.checked = !this.checked;
|
||||
this.$emit('change', this.checked, $event);
|
||||
this.$emit('input', this.checked, $event);
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 257:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 271:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n background-color: ACCENT-COLOR;\n border-color: ACCENT-COLOR; }\n .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n background-color: PRIMARY-COLOR;\n border-color: PRIMARY-COLOR; }\n .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n background-color: WARN-COLOR;\n border-color: WARN-COLOR; }\n .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n background-color: rgba(0, 0, 0, 0.26);\n border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 312:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(257)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(142),
|
||||
/* template */
|
||||
__webpack_require__(436),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-9f41cdf8", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-9f41cdf8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 436:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-checkbox",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('div', {
|
||||
staticClass: "md-checkbox-container",
|
||||
attrs: {
|
||||
"tabindex": "0"
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.toggleCheck($event)
|
||||
}
|
||||
}
|
||||
}, [_c('input', {
|
||||
attrs: {
|
||||
"type": "checkbox",
|
||||
"name": _vm.name,
|
||||
"id": _vm.id,
|
||||
"disabled": _vm.disabled,
|
||||
"tabindex": "-1"
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.value,
|
||||
"checked": _vm.checked
|
||||
}
|
||||
}), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
|
||||
staticClass: "md-checkbox-label",
|
||||
attrs: {
|
||||
"for": _vm.id || _vm.name
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
$event.preventDefault();
|
||||
_vm.toggleCheck($event)
|
||||
}
|
||||
}
|
||||
}, [_vm._t("default")], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-9f41cdf8", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 453:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(86);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 86:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdCheckbox = __webpack_require__(312);
|
||||
|
||||
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
|
||||
|
||||
var _mdCheckbox3 = __webpack_require__(271);
|
||||
|
||||
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-checkbox', _mdCheckbox2.default);
|
||||
|
||||
Vue.material.styles.push(_mdCheckbox4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdCheckbox/index.js
vendored
10
dist/components/mdCheckbox/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var c=o[n]={i:n,l:!1,exports:{}};return e[n].call(c.exports,c,c.exports,t),c.l=!0,c.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,n){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=452)})({0:function(e,t){e.exports=function(e,t,o,n,c){var r,d=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(r=e,d=e.default);var a="function"==typeof d?d.options:d;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n);var s;if(c?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(c)},a._ssrRegister=s):o&&(s=o),s){var u=a.functional,l=u?a.render:a.beforeCreate;u?a.render=function(e,t){return s.call(t),l(e,t)}:a.beforeCreate=l?[].concat(l,s):[s]}return{esModule:r,exports:d,options:a}}},1:function(e,t,o){"use strict";function n(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||n(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},142:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var c=o(1),r=n(c);t.default={name:"md-checkbox",props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value||!1}},computed:{classes:function(){return{"md-checked":this.checked,"md-disabled":this.disabled}}},watch:{value:function(){this.checked=!!this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},257:function(e,t){},270:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},311:function(e,t,o){function n(e){o(257)}var c=o(0)(o(142),o(435),n,null,null);e.exports=c.exports},435:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value,checked:e.checked}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name},on:{click:function(t){t.preventDefault(),e.toggleCheck(t)}}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},452:function(e,t,o){e.exports=o(86)},86:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function c(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=c;var r=o(311),d=n(r),i=o(270),a=n(i);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(c){if(o[c])return o[c].exports;var d=o[c]={exports:{},id:c,loaded:!1};return e[c].call(d.exports,d,d.exports,t),d.loaded=!0,d.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(78)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},78:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function d(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=d;var r=o(264),n=c(r),a=o(227),i=c(a);e.exports=t.default},122:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var d=o(1),r=c(d);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},214:function(e,t){},227:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},264:function(e,t,o){var c,d;o(214),c=o(122);var r=o(359);d=c=c||{},"object"!=typeof c.default&&"function"!=typeof c.default||(d=c=c.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,e.exports=c},359:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})}));
|
||||
19
dist/components/mdChips/index.css
vendored
19
dist/components/mdChips/index.css
vendored
|
|
@ -16,9 +16,6 @@
|
|||
position: relative;
|
||||
padding-right: 32px;
|
||||
}
|
||||
.md-chip.md-editable .md-chip-container {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-chip:focus, .md-chip:active {
|
||||
outline: none;
|
||||
}
|
||||
|
|
@ -57,21 +54,21 @@
|
|||
.md-chip .md-button.md-delete .md-ripple {
|
||||
opacity: .54;
|
||||
}
|
||||
.md-chips {
|
||||
.md-chips .md-chip {
|
||||
margin-right: 8px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.md-chips .md-input-container {
|
||||
min-height: 54px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.md-chips .md-chip {
|
||||
margin-right: 8px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.md-chips .md-input {
|
||||
width: 128px;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
width: 128px;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
1207
dist/components/mdChips/index.debug.js
vendored
1207
dist/components/mdChips/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdChips/index.js
vendored
10
dist/components/mdChips/index.js
vendored
File diff suppressed because one or more lines are too long
239
dist/components/mdCore/index.css
vendored
239
dist/components/mdCore/index.css
vendored
|
|
@ -35,244 +35,5 @@ to {
|
|||
transform: scale(2.2) translateZ(0);
|
||||
}
|
||||
}
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
/* Text and Titles
|
||||
========================================================================== */
|
||||
.md-caption {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
letter-spacing: .02em;
|
||||
line-height: 17px; }
|
||||
|
||||
.md-body-1, body {
|
||||
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: 300;
|
||||
letter-spacing: -.01em;
|
||||
line-height: 112px; }
|
||||
|
||||
/* Links & Buttons
|
||||
========================================================================== */
|
||||
a:not(.md-button):not(.md-bottom-bar-item) {
|
||||
text-decoration: none; }
|
||||
a:not(.md-button):not(.md-bottom-bar-item):hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
button:focus {
|
||||
outline: none; }
|
||||
|
||||
/* Structure
|
||||
========================================================================== */
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box; }
|
||||
html *,
|
||||
html *:before,
|
||||
html *: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(0, 0, 0, 0.87);
|
||||
font-family: Roboto, "Noto Sans", Noto, sans-serif; }
|
||||
|
||||
/* Fluid Media
|
||||
========================================================================== */
|
||||
ul:not(.md-list) > li + li {
|
||||
margin-top: 8px; }
|
||||
|
||||
/* Fluid Media
|
||||
========================================================================== */
|
||||
audio,
|
||||
img,
|
||||
svg,
|
||||
object,
|
||||
embed,
|
||||
canvas,
|
||||
video,
|
||||
iframe {
|
||||
max-width: 100%;
|
||||
font-style: italic;
|
||||
vertical-align: middle; }
|
||||
audio:not(.md-image),
|
||||
img:not(.md-image),
|
||||
svg:not(.md-image),
|
||||
object:not(.md-image),
|
||||
embed:not(.md-image),
|
||||
canvas:not(.md-image),
|
||||
video:not(.md-image),
|
||||
iframe:not(.md-image) {
|
||||
height: auto; }
|
||||
|
||||
/* 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; }
|
||||
|
||||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-scrollbar::-webkit-scrollbar,
|
||||
.md-scrollbar ::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
background-color: rgba(0, 0, 0, 0.05); }
|
||||
.md-scrollbar::-webkit-scrollbar:hover,
|
||||
.md-scrollbar ::-webkit-scrollbar:hover {
|
||||
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.038);
|
||||
background-color: rgba(0, 0, 0, 0.087); }
|
||||
|
||||
.md-scrollbar::-webkit-scrollbar-button,
|
||||
.md-scrollbar ::-webkit-scrollbar-button {
|
||||
display: none; }
|
||||
|
||||
.md-scrollbar::-webkit-scrollbar-corner,
|
||||
.md-scrollbar ::-webkit-scrollbar-corner {
|
||||
background-color: transparent; }
|
||||
|
||||
.md-scrollbar::-webkit-scrollbar-thumb,
|
||||
.md-scrollbar ::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, 0.26);
|
||||
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.087);
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
|
||||
|
||||
/* Text and Titles
|
||||
========================================================================== */
|
||||
.md-caption {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
letter-spacing: .02em;
|
||||
line-height: 17px; }
|
||||
|
||||
.md-body-1, body {
|
||||
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: 300;
|
||||
letter-spacing: -.01em;
|
||||
line-height: 112px; }
|
||||
|
||||
/* Links & Buttons
|
||||
========================================================================== */
|
||||
a:not(.md-button):not(.md-bottom-bar-item) {
|
||||
text-decoration: none; }
|
||||
a:not(.md-button):not(.md-bottom-bar-item):hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
button:focus {
|
||||
outline: none; }
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
3849
dist/components/mdCore/index.debug.js
vendored
3849
dist/components/mdCore/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdCore/index.js
vendored
10
dist/components/mdCore/index.js
vendored
File diff suppressed because one or more lines are too long
3
dist/components/mdDialog/index.css
vendored
3
dist/components/mdDialog/index.css
vendored
|
|
@ -73,6 +73,8 @@
|
|||
flex-basis: auto;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
background: linear-gradient(to bottom, #fff 0, #fff 1px, transparent 1px), linear-gradient(to top, #fff 0, #fff 3px, transparent 3px), linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(to top, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.2) 2px, transparent 2px);
|
||||
background-attachment: local, local, scroll, scroll;
|
||||
}
|
||||
.md-dialog-content:first-child {
|
||||
padding-top: 24px;
|
||||
|
|
@ -105,6 +107,7 @@
|
|||
top: -1px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background-color: #fff;
|
||||
content: " ";
|
||||
}
|
||||
.md-dialog-actions .md-button {
|
||||
|
|
|
|||
2388
dist/components/mdDialog/index.debug.js
vendored
2388
dist/components/mdDialog/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdDialog/index.js
vendored
10
dist/components/mdDialog/index.js
vendored
File diff suppressed because one or more lines are too long
341
dist/components/mdDivider/index.debug.js
vendored
341
dist/components/mdDivider/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,263 +43,116 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 456);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(81);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 152:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ 81:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdDivider = __webpack_require__(274);
|
||||
|
||||
var _mdDivider2 = _interopRequireDefault(_mdDivider);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-divider', Vue.extend(_mdDivider2.default));
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 200:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 274:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(200)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(330)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-30e870da", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-30e870da", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
/***/ },
|
||||
|
||||
exports.default = {
|
||||
name: 'md-divider'
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
/***/ 330:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/***/ }),
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('hr', {
|
||||
staticClass: "md-divider"
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-30e870da", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ 251:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ }
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 322:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(251)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(152),
|
||||
/* template */
|
||||
__webpack_require__(420),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDivider/mdDivider.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-5e9f054a", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-5e9f054a", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 420:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('hr', {
|
||||
staticClass: "md-divider"
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-5e9f054a", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 456:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(89);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 89:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdDivider = __webpack_require__(322);
|
||||
|
||||
var _mdDivider2 = _interopRequireDefault(_mdDivider);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-divider', _mdDivider2.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdDivider/index.js
vendored
10
dist/components/mdDivider/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=455)})({0:function(e,t){e.exports=function(e,t,n,r,o){var u,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(u=e,i=e.default);var f="function"==typeof i?i.options:i;t&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns),r&&(f._scopeId=r);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},f._ssrRegister=c):n&&(c=n),c){var d=f.functional,a=d?f.render:f.beforeCreate;d?f.render=function(e,t){return c.call(t),a(e,t)}:f.beforeCreate=a?[].concat(a,c):[c]}return{esModule:u,exports:i,options:f}}},152:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"md-divider"},e.exports=t.default},251:function(e,t){},321:function(e,t,n){function r(e){n(251)}var o=n(0)(n(152),n(419),r,null,null);e.exports=o.exports},419:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},455:function(e,t,n){e.exports=n(89)},89:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-divider",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(321),i=r(u);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(81)},81:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(f.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(274),f=o(u);e.exports=t.default},200:function(e,t){},274:function(e,t,n){var o,r;n(200);var u=n(330);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=o},330:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})}));
|
||||
2554
dist/components/mdFile/index.debug.js
vendored
2554
dist/components/mdFile/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdFile/index.js
vendored
10
dist/components/mdFile/index.js
vendored
File diff suppressed because one or more lines are too long
719
dist/components/mdIcon/index.debug.js
vendored
719
dist/components/mdIcon/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,439 +43,320 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 458);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(83);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 83:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdIcon = __webpack_require__(276);
|
||||
|
||||
var _mdIcon2 = _interopRequireDefault(_mdIcon);
|
||||
|
||||
var _mdIcon3 = __webpack_require__(231);
|
||||
|
||||
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-icon', Vue.extend(_mdIcon2.default));
|
||||
|
||||
Vue.material.styles.push(_mdIcon4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 130:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var registeredIcons = {}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdSrc: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
svgContent: null,
|
||||
imageSrc: null
|
||||
};
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
watch: {
|
||||
mdSrc: function mdSrc() {
|
||||
this.svgContent = null;
|
||||
this.imageSrc = null;
|
||||
this.checkSrc();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
isImage: function isImage(mimetype) {
|
||||
return mimetype.indexOf('image') >= 0;
|
||||
},
|
||||
isSVG: function isSVG(mimetype) {
|
||||
return mimetype.indexOf('svg') >= 0;
|
||||
},
|
||||
setSVGContent: function setSVGContent(value) {
|
||||
var _this = this;
|
||||
|
||||
this.svgContent = value;
|
||||
|
||||
this.$nextTick((function () {
|
||||
_this.$el.children[0].removeAttribute('fill');
|
||||
}));
|
||||
},
|
||||
loadSVG: function loadSVG() {
|
||||
var _this2 = this;
|
||||
|
||||
if (!registeredIcons[this.mdSrc]) {
|
||||
(function () {
|
||||
var request = new XMLHttpRequest();
|
||||
var self = _this2;
|
||||
|
||||
request.open('GET', _this2.mdSrc, true);
|
||||
|
||||
request.onload = function () {
|
||||
var mimetype = this.getResponseHeader('content-type');
|
||||
|
||||
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
|
||||
if (self.isSVG(mimetype)) {
|
||||
registeredIcons[self.mdSrc] = this.response;
|
||||
self.setSVGContent(this.response);
|
||||
} else {
|
||||
self.loadImage();
|
||||
}
|
||||
} else {
|
||||
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
|
||||
}
|
||||
};
|
||||
|
||||
request.send();
|
||||
})();
|
||||
} else {
|
||||
this.setSVGContent(registeredIcons[this.mdSrc]);
|
||||
}
|
||||
},
|
||||
loadImage: function loadImage() {
|
||||
this.imageSrc = this.mdSrc;
|
||||
},
|
||||
checkSrc: function checkSrc() {
|
||||
if (this.mdSrc) {
|
||||
if (this.mdSrc.indexOf('.svg') >= 0) {
|
||||
this.loadSVG();
|
||||
} else {
|
||||
this.loadImage();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.checkSrc();
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 221:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 231:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-icon.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 276:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(221)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(130)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(371)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdIcon/mdIcon.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-f5836666", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-f5836666", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 371:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return (_vm.svgContent) ? _c('i', {
|
||||
staticClass: "md-icon",
|
||||
class: [_vm.themeClass],
|
||||
domProps: {
|
||||
"innerHTML": _vm._s(_vm.svgContent)
|
||||
}
|
||||
}) : (_vm.imageSrc) ? _c('md-image', {
|
||||
staticClass: "md-icon",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"md-src": _vm.imageSrc
|
||||
}
|
||||
}) : _c('i', {
|
||||
staticClass: "md-icon material-icons",
|
||||
class: [_vm.themeClass]
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-f5836666", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 154:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var registeredIcons = {}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-icon',
|
||||
props: {
|
||||
mdSrc: String,
|
||||
mdIconset: {
|
||||
type: String,
|
||||
default: 'material-icons'
|
||||
}
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
svgContent: null,
|
||||
imageSrc: null
|
||||
};
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
watch: {
|
||||
mdSrc: function mdSrc() {
|
||||
this.svgContent = null;
|
||||
this.imageSrc = null;
|
||||
this.checkSrc();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
isImage: function isImage(mimetype) {
|
||||
return mimetype.indexOf('image') >= 0;
|
||||
},
|
||||
isSVG: function isSVG(mimetype) {
|
||||
return mimetype.indexOf('svg') >= 0;
|
||||
},
|
||||
setSVGContent: function setSVGContent(value) {
|
||||
var _this = this;
|
||||
|
||||
this.svgContent = value;
|
||||
|
||||
this.$nextTick((function () {
|
||||
_this.$el.children[0].removeAttribute('fill');
|
||||
}));
|
||||
},
|
||||
loadSVG: function loadSVG() {
|
||||
if (!registeredIcons[this.mdSrc]) {
|
||||
var request = new XMLHttpRequest();
|
||||
var self = this;
|
||||
|
||||
request.open('GET', this.mdSrc, true);
|
||||
|
||||
request.onload = function () {
|
||||
var mimetype = this.getResponseHeader('content-type');
|
||||
|
||||
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
|
||||
if (self.isSVG(mimetype)) {
|
||||
registeredIcons[self.mdSrc] = this.response;
|
||||
self.setSVGContent(this.response);
|
||||
} else {
|
||||
self.loadImage();
|
||||
}
|
||||
} else {
|
||||
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
|
||||
}
|
||||
};
|
||||
|
||||
request.send();
|
||||
} else {
|
||||
this.setSVGContent(registeredIcons[this.mdSrc]);
|
||||
}
|
||||
},
|
||||
loadImage: function loadImage() {
|
||||
this.imageSrc = this.mdSrc;
|
||||
},
|
||||
checkSrc: function checkSrc() {
|
||||
if (this.mdSrc) {
|
||||
if (this.mdSrc.indexOf('.svg') >= 0) {
|
||||
this.loadSVG();
|
||||
} else {
|
||||
this.loadImage();
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.checkSrc();
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 236:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 275:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-icon.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 324:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(236)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(154),
|
||||
/* template */
|
||||
__webpack_require__(391),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdIcon/mdIcon.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-2423dfc4", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-2423dfc4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 391:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return (_vm.svgContent) ? _c('i', {
|
||||
staticClass: "md-icon",
|
||||
class: [_vm.themeClass],
|
||||
domProps: {
|
||||
"innerHTML": _vm._s(_vm.svgContent)
|
||||
}
|
||||
}) : (_vm.imageSrc) ? _c('md-image', {
|
||||
staticClass: "md-icon",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"md-src": _vm.imageSrc
|
||||
}
|
||||
}) : _c('i', {
|
||||
staticClass: "md-icon",
|
||||
class: [_vm.themeClass, _vm.mdIconset],
|
||||
attrs: {
|
||||
"aria-hidden": !!_vm.mdIconset
|
||||
}
|
||||
}, [_vm._t("default")], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-2423dfc4", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 458:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(91);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 91:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdIcon = __webpack_require__(324);
|
||||
|
||||
var _mdIcon2 = _interopRequireDefault(_mdIcon);
|
||||
|
||||
var _mdIcon3 = __webpack_require__(275);
|
||||
|
||||
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-icon', _mdIcon2.default);
|
||||
|
||||
Vue.material.styles.push(_mdIcon4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdIcon/index.js
vendored
10
dist/components/mdIcon/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=457)})({0:function(e,t){e.exports=function(e,t,n,r,o){var i,s=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(i=e,s=e.default);var a="function"==typeof s?s.options:s;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r);var u;if(o?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},a._ssrRegister=u):n&&(u=n),u){var d=a.functional,f=d?a.render:a.beforeCreate;d?a.render=function(e,t){return u.call(t),f(e,t)}:a.beforeCreate=f?[].concat(f,u):[u]}return{esModule:i,exports:s,options:a}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},154:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),s={};t.default={name:"md-icon",props:{mdSrc:String,mdIconset:{type:String,default:"material-icons"}},data:function(){return{svgContent:null,imageSrc:null}},mixins:[i.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(e){return e.indexOf("image")>=0},isSVG:function(e){return e.indexOf("svg")>=0},setSVGContent:function(e){var t=this;this.svgContent=e,this.$nextTick((function(){t.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){if(s[this.mdSrc])this.setSVGContent(s[this.mdSrc]);else{var e=new XMLHttpRequest,t=this;e.open("GET",this.mdSrc,!0),e.onload=function(){var e=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&t.isImage(e)?t.isSVG(e)?(s[t.mdSrc]=this.response,t.setSVGContent(this.response)):t.loadImage():console.warn("The file "+t.mdSrc+" is not a valid image.")},e.send()}},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},e.exports=t.default},236:function(e,t){},274:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},323:function(e,t,n){function r(e){n(236)}var o=n(0)(n(154),n(390),r,null,null);e.exports=o.exports},390:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.svgContent?n("i",{staticClass:"md-icon",class:[e.themeClass],domProps:{innerHTML:e._s(e.svgContent)}}):e.imageSrc?n("md-image",{staticClass:"md-icon",class:[e.themeClass],attrs:{"md-src":e.imageSrc}}):n("i",{staticClass:"md-icon",class:[e.themeClass,e.mdIconset],attrs:{"aria-hidden":!!e.mdIconset}},[e._t("default")],2)},staticRenderFns:[]}},457:function(e,t,n){e.exports=n(91)},91:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-icon",s.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(323),s=r(i),c=n(274),a=r(c);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(s){if(n[s])return n[s].exports;var r=n[s]={exports:{},id:s,loaded:!1};return e[s].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(83)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},83:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(o.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(276),o=s(i),a=n(231),c=s(a);e.exports=t.default},130:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=s(r),o={};t.default={props:{mdSrc:String},data:function(){return{svgContent:null,imageSrc:null}},mixins:[i.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(e){return e.indexOf("image")>=0},isSVG:function(e){return e.indexOf("svg")>=0},setSVGContent:function(e){var t=this;this.svgContent=e,this.$nextTick((function(){t.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){var e=this;o[this.mdSrc]?this.setSVGContent(o[this.mdSrc]):!(function(){var t=new XMLHttpRequest,n=e;t.open("GET",e.mdSrc,!0),t.onload=function(){var e=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&n.isImage(e)?n.isSVG(e)?(o[n.mdSrc]=this.response,n.setSVGContent(this.response)):n.loadImage():console.warn("The file "+n.mdSrc+" is not a valid image.")},t.send()})()},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},e.exports=t.default},221:function(e,t){},231:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},276:function(e,t,n){var s,r;n(221),s=n(130);var i=n(371);r=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(r=s=s.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=s},371:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.svgContent?n("i",{staticClass:"md-icon",class:[e.themeClass],domProps:{innerHTML:e._s(e.svgContent)}}):e.imageSrc?n("md-image",{staticClass:"md-icon",class:[e.themeClass],attrs:{"md-src":e.imageSrc}}):n("i",{staticClass:"md-icon material-icons",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
|
||||
11
dist/components/mdImage/index.css
vendored
11
dist/components/mdImage/index.css
vendored
|
|
@ -4,20 +4,15 @@
|
|||
/* Elevation - Based on Angular Material */
|
||||
.md-image {
|
||||
opacity: 0;
|
||||
-webkit-filter: saturate(20%);
|
||||
filter: saturate(20%);
|
||||
filter: saturate(20%);
|
||||
}
|
||||
.md-image.md-black-output {
|
||||
-webkit-filter: brightness(0.4) saturate(20%);
|
||||
filter: brightness(0.4) saturate(20%);
|
||||
filter: brightness(0.4) saturate(20%);
|
||||
}
|
||||
.md-image.md-loaded {
|
||||
opacity: 1;
|
||||
-webkit-filter: saturate(100%);
|
||||
filter: saturate(100%);
|
||||
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
filter: saturate(100%);
|
||||
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
600
dist/components/mdImage/index.debug.js
vendored
600
dist/components/mdImage/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,397 +43,267 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 459);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 155:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _getImageLightness = __webpack_require__(65);
|
||||
|
||||
var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-image',
|
||||
props: {
|
||||
mdSrc: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
loaded: false,
|
||||
applyBlack: true,
|
||||
imageElement: null
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdSrc: function mdSrc() {
|
||||
this.createImage();
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-loaded': this.loaded,
|
||||
'md-black-output': this.applyBlack
|
||||
};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
analyzeLightness: function analyzeLightness(image) {
|
||||
var _this = this;
|
||||
|
||||
var applyLoad = function applyLoad() {
|
||||
_this.loaded = true;
|
||||
};
|
||||
|
||||
(0, _getImageLightness2.default)(image, (function (lightness) {
|
||||
var limit = 256;
|
||||
var darkness = (Math.abs(limit - lightness) * 100 / limit + 15) / 100;
|
||||
|
||||
if (darkness >= 0.7) {
|
||||
_this.applyBlack = true;
|
||||
}
|
||||
|
||||
_this.$nextTick(applyLoad);
|
||||
}), applyLoad);
|
||||
},
|
||||
createImage: function createImage() {
|
||||
this.loaded = false;
|
||||
this.applyBlack = false;
|
||||
this.imageElement = null;
|
||||
|
||||
if (this.mdSrc) {
|
||||
this.imageElement = document.createElement('img');
|
||||
this.imageElement.crossOrigin = '';
|
||||
this.imageElement.src = this.mdSrc;
|
||||
this.analyzeLightness(this.imageElement);
|
||||
}
|
||||
}
|
||||
},
|
||||
created: function created() {
|
||||
this.createImage();
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 261:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 276:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ""
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 325:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(261)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(155),
|
||||
/* template */
|
||||
__webpack_require__(439),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdImage/mdImage.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdImage.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-b0fc1ce4", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-b0fc1ce4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 439:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('img', {
|
||||
staticClass: "md-image",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"src": _vm.mdSrc
|
||||
}
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-b0fc1ce4", module.exports)
|
||||
}
|
||||
}
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/***/ }),
|
||||
module.exports = __webpack_require__(84);
|
||||
|
||||
/***/ 459:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(92);
|
||||
/***/ },
|
||||
|
||||
/***/ 66:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
/***/ }),
|
||||
'use strict';
|
||||
|
||||
/***/ 65:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var getImageLightness = function getImageLightness(image, onLoad) {
|
||||
var canvas = document.createElement('canvas');
|
||||
|
||||
"use strict";
|
||||
image.onload = function () {
|
||||
var colorSum = 0;
|
||||
var ctx = void 0;
|
||||
var imageData = void 0;
|
||||
var imageMetadata = void 0;
|
||||
var r = void 0;
|
||||
var g = void 0;
|
||||
var b = void 0;
|
||||
var average = void 0;
|
||||
|
||||
canvas.width = this.width;
|
||||
canvas.height = this.height;
|
||||
ctx = canvas.getContext('2d');
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var getImageLightness = function getImageLightness(image, onLoad, onError) {
|
||||
var canvas = document.createElement('canvas');
|
||||
ctx.drawImage(this, 0, 0);
|
||||
|
||||
image.crossOrigin = 'Anonymous';
|
||||
imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
|
||||
imageMetadata = imageData.data;
|
||||
|
||||
image.onload = function () {
|
||||
var colorSum = 0;
|
||||
var ctx = void 0;
|
||||
var imageData = void 0;
|
||||
var imageMetadata = void 0;
|
||||
var r = void 0;
|
||||
var g = void 0;
|
||||
var b = void 0;
|
||||
var average = void 0;
|
||||
for (var x = 0, len = imageMetadata.length; x < len; x += 4) {
|
||||
r = imageMetadata[x];
|
||||
g = imageMetadata[x + 1];
|
||||
b = imageMetadata[x + 2];
|
||||
|
||||
canvas.width = this.width;
|
||||
canvas.height = this.height;
|
||||
ctx = canvas.getContext('2d');
|
||||
average = Math.floor((r + g + b) / 3);
|
||||
colorSum += average;
|
||||
}
|
||||
|
||||
ctx.drawImage(this, 0, 0);
|
||||
onLoad(Math.floor(colorSum / (this.width * this.height)));
|
||||
};
|
||||
};
|
||||
|
||||
imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
|
||||
imageMetadata = imageData.data;
|
||||
exports.default = getImageLightness;
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 84:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdImage = __webpack_require__(277);
|
||||
|
||||
var _mdImage2 = _interopRequireDefault(_mdImage);
|
||||
|
||||
var _mdImage3 = __webpack_require__(232);
|
||||
|
||||
var _mdImage4 = _interopRequireDefault(_mdImage3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
for (var x = 0, len = imageMetadata.length; x < len; x += 4) {
|
||||
r = imageMetadata[x];
|
||||
g = imageMetadata[x + 1];
|
||||
b = imageMetadata[x + 2];
|
||||
function install(Vue) {
|
||||
Vue.component('md-image', Vue.extend(_mdImage2.default));
|
||||
|
||||
average = Math.floor((r + g + b) / 3);
|
||||
colorSum += average;
|
||||
}
|
||||
Vue.material.styles.push(_mdImage4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
onLoad(Math.floor(colorSum / (this.width * this.height)));
|
||||
};
|
||||
/***/ },
|
||||
|
||||
image.onerror = onError;
|
||||
};
|
||||
/***/ 131:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
exports.default = getImageLightness;
|
||||
module.exports = exports['default'];
|
||||
'use strict';
|
||||
|
||||
/***/ }),
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
/***/ 92:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
var _getImageLightness = __webpack_require__(66);
|
||||
|
||||
"use strict";
|
||||
var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdImage = __webpack_require__(325);
|
||||
|
||||
var _mdImage2 = _interopRequireDefault(_mdImage);
|
||||
|
||||
var _mdImage3 = __webpack_require__(276);
|
||||
|
||||
var _mdImage4 = _interopRequireDefault(_mdImage3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-image', _mdImage2.default);
|
||||
|
||||
Vue.material.styles.push(_mdImage4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
exports.default = {
|
||||
props: {
|
||||
mdSrc: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
loaded: false,
|
||||
applyBlack: true,
|
||||
imageElement: null
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdSrc: function mdSrc() {
|
||||
this.createImage();
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-loaded': this.loaded,
|
||||
'md-black-output': this.applyBlack
|
||||
};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
analyzeLightness: function analyzeLightness(image) {
|
||||
var _this = this;
|
||||
|
||||
(0, _getImageLightness2.default)(image, (function (lightness) {
|
||||
var limit = 256;
|
||||
var darkness = (Math.abs(limit - lightness) * 100 / limit + 15) / 100;
|
||||
|
||||
if (darkness >= 0.7) {
|
||||
_this.applyBlack = true;
|
||||
}
|
||||
|
||||
_this.$nextTick((function () {
|
||||
_this.loaded = true;
|
||||
}));
|
||||
}));
|
||||
},
|
||||
createImage: function createImage() {
|
||||
this.loaded = false;
|
||||
this.applyBlack = false;
|
||||
this.imageElement = null;
|
||||
|
||||
if (this.mdSrc) {
|
||||
this.imageElement = document.createElement('img');
|
||||
this.imageElement.crossOrigin = '';
|
||||
this.imageElement.src = this.mdSrc;
|
||||
this.analyzeLightness(this.imageElement);
|
||||
}
|
||||
}
|
||||
},
|
||||
created: function created() {
|
||||
this.createImage();
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 199:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 232:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ""
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 277:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(199)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(131)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(329)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdImage/mdImage.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-2bb54057", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-2bb54057", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdImage.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 329:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('img', {
|
||||
staticClass: "md-image",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"src": _vm.mdSrc
|
||||
}
|
||||
})
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-2bb54057", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdImage/index.js
vendored
10
dist/components/mdImage/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=458)})({0:function(e,t){e.exports=function(e,t,n,r,o){var i,a=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(i=e,a=e.default);var u="function"==typeof a?a.options:a;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),r&&(u._scopeId=r);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=c):n&&(c=n),c){var d=u.functional,l=d?u.render:u.beforeCreate;d?u.render=function(e,t){return c.call(t),l(e,t)}:u.beforeCreate=l?[].concat(l,c):[c]}return{esModule:i,exports:a,options:u}}},155:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(65),i=r(o);t.default={name:"md-image",props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(e){var t=this,n=function(){t.loaded=!0};(0,i.default)(e,(function(e){var r=256,o=(100*Math.abs(r-e)/r+15)/100;o>=.7&&(t.applyBlack=!0),t.$nextTick(n)}),n)},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},e.exports=t.default},261:function(e,t){},275:function(e,t){e.exports=""},324:function(e,t,n){function r(e){n(261)}var o=n(0)(n(155),n(438),r,null,null);e.exports=o.exports},438:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("img",{staticClass:"md-image",class:e.classes,attrs:{src:e.mdSrc}})},staticRenderFns:[]}},458:function(e,t,n){e.exports=n(92)},65:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var r=document.createElement("canvas");e.crossOrigin="Anonymous",e.onload=function(){var e=0,n=void 0,o=void 0,i=void 0,a=void 0,s=void 0,u=void 0,c=void 0;r.width=this.width,r.height=this.height,n=r.getContext("2d"),n.drawImage(this,0,0),o=n.getImageData(0,0,r.width,r.height),i=o.data;for(var d=0,l=i.length;d<l;d+=4)a=i[d],s=i[d+1],u=i[d+2],c=Math.floor((a+s+u)/3),e+=c;t(Math.floor(e/(this.width*this.height)))},e.onerror=n};t.default=r,e.exports=t.default},92:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-image",a.default),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(324),a=r(i),s=n(275),u=r(s);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(a){if(n[a])return n[a].exports;var i=n[a]={exports:{},id:a,loaded:!1};return e[a].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(84)},66:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){var n=document.createElement("canvas");e.onload=function(){var e=0,a=void 0,i=void 0,o=void 0,r=void 0,s=void 0,d=void 0,c=void 0;n.width=this.width,n.height=this.height,a=n.getContext("2d"),a.drawImage(this,0,0),i=a.getImageData(0,0,n.width,n.height),o=i.data;for(var u=0,l=o.length;u<l;u+=4)r=o[u],s=o[u+1],d=o[u+2],c=Math.floor((r+s+d)/3),e+=c;t(Math.floor(e/(this.width*this.height)))}};t.default=n,e.exports=t.default},84:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-image",e.extend(r.default)),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(277),r=a(o),s=n(232),d=a(s);e.exports=t.default},131:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(66),o=a(i);t.default={props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(e){var t=this;(0,o.default)(e,(function(e){var n=256,a=(100*Math.abs(n-e)/n+15)/100;a>=.7&&(t.applyBlack=!0),t.$nextTick((function(){t.loaded=!0}))}))},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},e.exports=t.default},199:function(e,t){},232:function(e,t){e.exports=""},277:function(e,t,n){var a,i;n(199),a=n(131);var o=n(329);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,e.exports=a},329:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("img",{staticClass:"md-image",class:e.classes,attrs:{src:e.mdSrc}})},staticRenderFns:[]}}})}));
|
||||
24
dist/components/mdInputContainer/index.css
vendored
24
dist/components/mdInputContainer/index.css
vendored
|
|
@ -80,12 +80,11 @@
|
|||
.md-input-container .md-count {
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
bottom: -22px;
|
||||
top: 50px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container .md-error {
|
||||
display: block !important;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
transform: translate3d(0, -8px, 0);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
|
|
@ -115,14 +114,6 @@
|
|||
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-file {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.md-input-container .md-autocomplete,
|
||||
.md-input-container .md-autocomplete .md-menu,
|
||||
.md-input-container .md-autocomplete .md-menu .md-input {
|
||||
width: 100%;
|
||||
}
|
||||
.md-theme-default.md-input-container .md-autocomplete .md-icon:not(.md-icon-search):after {
|
||||
height: 0;
|
||||
}
|
||||
.md-input-container.md-input-placeholder label {
|
||||
pointer-events: auto;
|
||||
top: 10px;
|
||||
|
|
@ -181,19 +172,6 @@
|
|||
.md-input-container.md-has-password .md-toggle-password .md-ink-ripple {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
.md-input-container.md-clearable.md-input-focused .md-clear-input {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-input-container.md-clearable .md-clear-input {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -2px;
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-input-container.md-clearable .md-clear-input .md-ink-ripple {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
.md-input-container.md-input-invalid .md-error {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
|
|
|
|||
3263
dist/components/mdInputContainer/index.debug.js
vendored
3263
dist/components/mdInputContainer/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdInputContainer/index.js
vendored
10
dist/components/mdInputContainer/index.js
vendored
File diff suppressed because one or more lines are too long
2361
dist/components/mdLayout/index.css
vendored
2361
dist/components/mdLayout/index.css
vendored
File diff suppressed because it is too large
Load diff
589
dist/components/mdLayout/index.debug.js
vendored
589
dist/components/mdLayout/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,388 +43,233 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 461);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(86);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 160:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ 86:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdLayout = __webpack_require__(281);
|
||||
|
||||
var _mdLayout2 = _interopRequireDefault(_mdLayout);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-layout', Vue.extend(_mdLayout2.default));
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 135:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
},
|
||||
mdRow: Boolean,
|
||||
mdRowXsmall: Boolean,
|
||||
mdRowSmall: Boolean,
|
||||
mdRowMedium: Boolean,
|
||||
mdRowLarge: Boolean,
|
||||
mdRowXlarge: Boolean,
|
||||
mdColumn: Boolean,
|
||||
mdColumnXsmall: Boolean,
|
||||
mdColumnSmall: Boolean,
|
||||
mdColumnMedium: Boolean,
|
||||
mdColumnLarge: Boolean,
|
||||
mdColumnXlarge: Boolean,
|
||||
mdHideXsmall: Boolean,
|
||||
mdHideSmall: Boolean,
|
||||
mdHideMedium: Boolean,
|
||||
mdHideLarge: Boolean,
|
||||
mdHideXlarge: Boolean,
|
||||
mdGutter: [String, Number, Boolean],
|
||||
mdAlign: String,
|
||||
mdAlignXsmall: String,
|
||||
mdAlignSmall: String,
|
||||
mdAlignMedium: String,
|
||||
mdAlignLarge: String,
|
||||
mdAlignXlarge: String,
|
||||
mdFlex: [String, Number, Boolean],
|
||||
mdFlexXsmall: [String, Number, Boolean],
|
||||
mdFlexSmall: [String, Number, Boolean],
|
||||
mdFlexMedium: [String, Number, Boolean],
|
||||
mdFlexLarge: [String, Number, Boolean],
|
||||
mdFlexXlarge: [String, Number, Boolean],
|
||||
mdFlexOffset: [String, Number, Boolean],
|
||||
mdFlexOffsetXsmall: [String, Number, Boolean],
|
||||
mdFlexOffsetSmall: [String, Number, Boolean],
|
||||
mdFlexOffsetMedium: [String, Number, Boolean],
|
||||
mdFlexOffsetLarge: [String, Number, Boolean],
|
||||
mdFlexOffsetXlarge: [String, Number, Boolean]
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
var classes = {
|
||||
'md-row': this.mdRow,
|
||||
'md-row-xsmall': this.mdRowXsmall,
|
||||
'md-row-small': this.mdRowSmall,
|
||||
'md-row-medium': this.mdRowMedium,
|
||||
'md-row-large': this.mdRowLarge,
|
||||
'md-row-xlarge': this.mdRowXlarge,
|
||||
'md-column': this.mdColumn,
|
||||
'md-column-xsmall': this.mdColumnXsmall,
|
||||
'md-column-small': this.mdColumnSmall,
|
||||
'md-column-medium': this.mdColumnMedium,
|
||||
'md-column-large': this.mdColumnLarge,
|
||||
'md-column-xlarge': this.mdColumnXlarge,
|
||||
'md-hide-xsmall': this.mdHideXsmall,
|
||||
'md-hide-small': this.mdHideSmall,
|
||||
'md-hide-medium': this.mdHideMedium,
|
||||
'md-hide-large': this.mdHideLarge,
|
||||
'md-hide-xlarge': this.mdHideXlarge
|
||||
};
|
||||
|
||||
if (this.mdGutter) {
|
||||
if (typeof this.mdGutter === 'boolean') {
|
||||
classes['md-gutter'] = true;
|
||||
} else if (this.mdGutter) {
|
||||
classes['md-gutter-' + this.mdGutter] = true;
|
||||
}
|
||||
}
|
||||
|
||||
/* Flex */
|
||||
this.generatePropClasses('md-flex', '', 'mdFlex', classes);
|
||||
this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
|
||||
this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
|
||||
this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
|
||||
this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
|
||||
this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
|
||||
|
||||
/* Flex Offset */
|
||||
this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
|
||||
|
||||
/* Alignment */
|
||||
this.generatePropClasses('md-align', '', 'mdAlign', classes);
|
||||
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
|
||||
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
|
||||
this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
|
||||
this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
|
||||
this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
|
||||
|
||||
return classes;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
generatePropClasses: function generatePropClasses(prop, size, name, object) {
|
||||
if (size) {
|
||||
size = '-' + size;
|
||||
}
|
||||
|
||||
if (this[name]) {
|
||||
if (typeof this[name] === 'boolean') {
|
||||
object[prop + size] = true;
|
||||
} else {
|
||||
object[prop + size + '-' + this[name]] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render(createElement) {
|
||||
return createElement(this.mdTag, {
|
||||
staticClass: 'md-layout',
|
||||
class: this.classes
|
||||
}, this.$slots.default);
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 197:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 281:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(197)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(135)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdLayout/mdLayout.vue"
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-1f1a95a6", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-1f1a95a6", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdLayout.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
/***/ }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-layout',
|
||||
props: {
|
||||
mdTag: {
|
||||
type: String,
|
||||
default: 'div'
|
||||
},
|
||||
mdRow: Boolean,
|
||||
mdRowXsmall: Boolean,
|
||||
mdRowSmall: Boolean,
|
||||
mdRowMedium: Boolean,
|
||||
mdRowLarge: Boolean,
|
||||
mdRowXlarge: Boolean,
|
||||
mdColumn: Boolean,
|
||||
mdColumnXsmall: Boolean,
|
||||
mdColumnSmall: Boolean,
|
||||
mdColumnMedium: Boolean,
|
||||
mdColumnLarge: Boolean,
|
||||
mdColumnXlarge: Boolean,
|
||||
mdHideXsmall: Boolean,
|
||||
mdHideSmall: Boolean,
|
||||
mdHideMedium: Boolean,
|
||||
mdHideLarge: Boolean,
|
||||
mdHideXlarge: Boolean,
|
||||
mdHideXsmallAndUp: Boolean,
|
||||
mdHideSmallAndUp: Boolean,
|
||||
mdHideMediumAndUp: Boolean,
|
||||
mdHideLargeAndUp: Boolean,
|
||||
mdHideXlargeAndUp: Boolean,
|
||||
mdGutter: [String, Number, Boolean],
|
||||
mdAlign: String,
|
||||
mdAlignXsmall: String,
|
||||
mdAlignSmall: String,
|
||||
mdAlignMedium: String,
|
||||
mdAlignLarge: String,
|
||||
mdAlignXlarge: String,
|
||||
mdVerticalAlign: String,
|
||||
mdVerticalAlignXsmall: String,
|
||||
mdVerticalAlignSmall: String,
|
||||
mdVerticalAlignMedium: String,
|
||||
mdVerticalAlignLarge: String,
|
||||
mdVerticalAlignXlarge: String,
|
||||
mdFlex: [String, Number, Boolean],
|
||||
mdFlexXsmall: [String, Number, Boolean],
|
||||
mdFlexSmall: [String, Number, Boolean],
|
||||
mdFlexMedium: [String, Number, Boolean],
|
||||
mdFlexLarge: [String, Number, Boolean],
|
||||
mdFlexXlarge: [String, Number, Boolean],
|
||||
mdFlexOffset: [String, Number, Boolean],
|
||||
mdFlexOffsetXsmall: [String, Number, Boolean],
|
||||
mdFlexOffsetSmall: [String, Number, Boolean],
|
||||
mdFlexOffsetMedium: [String, Number, Boolean],
|
||||
mdFlexOffsetLarge: [String, Number, Boolean],
|
||||
mdFlexOffsetXlarge: [String, Number, Boolean]
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
var classes = {
|
||||
'md-row': this.mdRow,
|
||||
'md-row-xsmall': this.mdRowXsmall,
|
||||
'md-row-small': this.mdRowSmall,
|
||||
'md-row-medium': this.mdRowMedium,
|
||||
'md-row-large': this.mdRowLarge,
|
||||
'md-row-xlarge': this.mdRowXlarge,
|
||||
'md-column': this.mdColumn,
|
||||
'md-column-xsmall': this.mdColumnXsmall,
|
||||
'md-column-small': this.mdColumnSmall,
|
||||
'md-column-medium': this.mdColumnMedium,
|
||||
'md-column-large': this.mdColumnLarge,
|
||||
'md-column-xlarge': this.mdColumnXlarge,
|
||||
'md-hide-xsmall': this.mdHideXsmall,
|
||||
'md-hide-small': this.mdHideSmall,
|
||||
'md-hide-medium': this.mdHideMedium,
|
||||
'md-hide-large': this.mdHideLarge,
|
||||
'md-hide-xlarge': this.mdHideXlarge,
|
||||
'md-hide-xsmall-and-up': this.mdHideXsmallAndUp,
|
||||
'md-hide-small-and-up': this.mdHideSmallAndUp,
|
||||
'md-hide-medium-and-up': this.mdHideMediumAndUp,
|
||||
'md-hide-large-and-up': this.mdHideLargeAndUp,
|
||||
'md-hide-xlarge-and-up': this.mdHideXlargeAndUp
|
||||
};
|
||||
|
||||
if (this.mdGutter) {
|
||||
if (typeof this.mdGutter === 'boolean') {
|
||||
classes['md-gutter'] = true;
|
||||
} else if (this.mdGutter) {
|
||||
classes['md-gutter-' + this.mdGutter] = true;
|
||||
}
|
||||
}
|
||||
|
||||
/* Flex */
|
||||
this.generatePropClasses('md-flex', '', 'mdFlex', classes);
|
||||
this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
|
||||
this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
|
||||
this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
|
||||
this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
|
||||
this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
|
||||
|
||||
/* Flex Offset */
|
||||
this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
|
||||
|
||||
/* Horizontal Alignment */
|
||||
this.generatePropClasses('md-align', '', 'mdAlign', classes);
|
||||
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
|
||||
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
|
||||
this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
|
||||
this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
|
||||
this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
|
||||
|
||||
/* Vertical Alignment */
|
||||
this.generatePropClasses('md-vertical-align', '', 'mdVerticalAlign', classes);
|
||||
this.generatePropClasses('md-vertical-align', 'xsmall', 'mdVerticalAlignXsmall', classes);
|
||||
this.generatePropClasses('md-vertical-align', 'small', 'mdVerticalAlignSmall', classes);
|
||||
this.generatePropClasses('md-vertical-align', 'medium', 'mdVerticalAlignMedium', classes);
|
||||
this.generatePropClasses('md-vertical-align', 'large', 'mdVerticalAlignLarge', classes);
|
||||
this.generatePropClasses('md-vertical-align', 'xlarge', 'mdVerticalAlignXlarge', classes);
|
||||
|
||||
return classes;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
generatePropClasses: function generatePropClasses(prop, size, name, object) {
|
||||
if (size) {
|
||||
size = '-' + size;
|
||||
}
|
||||
|
||||
if (this[name]) {
|
||||
if (typeof this[name] === 'boolean') {
|
||||
if (!this[name]) {
|
||||
object[prop + size + '-none'] = true;
|
||||
} else {
|
||||
object[prop + size] = true;
|
||||
}
|
||||
} else {
|
||||
object[prop + size + '-' + this[name]] = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
render: function render(createElement) {
|
||||
return createElement(this.mdTag, {
|
||||
staticClass: 'md-layout',
|
||||
class: this.classes
|
||||
}, this.$slots.default);
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 259:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 330:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(259)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(160),
|
||||
/* template */
|
||||
null,
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdLayout/mdLayout.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-a85016b8", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-a85016b8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 461:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(94);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 94:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdLayout = __webpack_require__(330);
|
||||
|
||||
var _mdLayout2 = _interopRequireDefault(_mdLayout);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-layout', _mdLayout2.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdLayout/index.js
vendored
10
dist/components/mdLayout/index.js
vendored
File diff suppressed because one or more lines are too long
99
dist/components/mdList/index.css
vendored
99
dist/components/mdList/index.css
vendored
|
|
@ -22,8 +22,7 @@
|
|||
min-height: 40px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child,
|
||||
.md-list.md-dense .md-list-item .md-list-item-container .md-list-action:first-child {
|
||||
.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child {
|
||||
margin-right: 24px;
|
||||
}
|
||||
.md-list.md-dense .md-avatar {
|
||||
|
|
@ -44,8 +43,7 @@
|
|||
height: 36px;
|
||||
min-height: 36px;
|
||||
}
|
||||
.md-list.md-double-line.md-dense .md-list-item .md-avatar .md-avatar:first-child,
|
||||
.md-list.md-double-line.md-dense .md-list-item .md-avatar .md-list-action:first-child {
|
||||
.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) {
|
||||
|
|
@ -66,8 +64,7 @@
|
|||
height: 36px;
|
||||
min-height: 36px;
|
||||
}
|
||||
.md-list.md-triple-line.md-dense .md-list-item .md-avatar .md-avatar:first-child,
|
||||
.md-list.md-triple-line.md-dense .md-list-item .md-avatar .md-list-action:first-child {
|
||||
.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) {
|
||||
|
|
@ -82,6 +79,10 @@
|
|||
.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;
|
||||
}
|
||||
|
|
@ -91,37 +92,11 @@
|
|||
.md-list-item {
|
||||
height: auto;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.md-list-item.md-disabled {
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
.md-list-item.md-inset .md-list-item-container {
|
||||
padding-left: 72px;
|
||||
}
|
||||
.md-list-item .md-button-ghost {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
border-radius: 0;
|
||||
}
|
||||
.md-list-item .md-button:not(.md-button-ghost):not(.md-list-item-container) {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.md-list-item .md-button:not(.md-button-ghost):not(.md-list-item-container) .md-icon {
|
||||
position: relative;
|
||||
}
|
||||
.md-list-item .md-list-item-container {
|
||||
min-height: 48px;
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
.md-list-item .md-list-item-holder {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: row nowrap;
|
||||
|
|
@ -132,28 +107,34 @@
|
|||
justify-content: space-between;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.md-list-item .md-list-item-holder > .md-ink-ripple {
|
||||
border-radius: 0;
|
||||
}
|
||||
.md-list-item .md-list-item-holder > .md-icon:first-child {
|
||||
margin-right: 32px;
|
||||
}
|
||||
.md-list-item .md-list-item-holder .md-avatar:first-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.md-list-item .md-list-item-holder .md-list-action {
|
||||
margin: 0 -2px 0 0;
|
||||
}
|
||||
.md-list-item .md-list-item-holder .md-list-action:nth-child(3) {
|
||||
margin: 0 -2px 0 16px;
|
||||
}
|
||||
.md-list-item .md-list-item-container {
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
position: relative;
|
||||
border-radius: 0;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
text-transform: none;
|
||||
}
|
||||
.md-list-item .md-list-item-container:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.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,
|
||||
.md-list-item .md-list-item-container .md-list-action:first-child {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.md-list-item .md-list-item-container .md-list-action {
|
||||
margin: 0 -10px 0 0;
|
||||
}
|
||||
.md-list-item .md-list-item-container .md-list-action:nth-child(3) {
|
||||
margin: 0 -10px 0 16px;
|
||||
}
|
||||
.md-list-item .md-divider {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
@ -161,13 +142,11 @@
|
|||
left: 0;
|
||||
}
|
||||
.md-list-item .md-icon,
|
||||
.md-list-item .md-avatar,
|
||||
.md-list-item .md-list-action:first-child {
|
||||
.md-list-item .md-avatar {
|
||||
margin: 0;
|
||||
}
|
||||
.md-list-item .md-icon:first-of-type + *,
|
||||
.md-list-item .md-avatar:first-of-type + *,
|
||||
.md-list-item .md-list-action:first-child:first-of-type + * {
|
||||
.md-list-item .md-avatar:first-of-type + * {
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
|
@ -186,7 +165,6 @@
|
|||
-ms-flex-flow: column wrap;
|
||||
flex-flow: column wrap;
|
||||
overflow: hidden;
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-list-item-expand:before, .md-list-item-expand:after {
|
||||
height: 1px;
|
||||
|
|
@ -215,15 +193,16 @@
|
|||
.md-list-item-expand.md-active:last-of-type:after {
|
||||
background: none;
|
||||
}
|
||||
.md-list-item-expand.md-active.md-active + .md-active:before {
|
||||
background: none;
|
||||
}
|
||||
.md-list-item-expand.md-active > .md-list-item-container .md-list-expand-indicator {
|
||||
transform: rotateZ(180deg) translate3D(0, 0, 0);
|
||||
}
|
||||
.md-list-item-expand.md-active > .md-list-expand {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.md-list-item-expand > .md-list-item-container > .md-list-item-holder {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.md-list-item-expand .md-expansion-indicator,
|
||||
.md-list-item-expand .md-list-item-container,
|
||||
.md-list-item-expand .md-icon {
|
||||
|
|
@ -251,13 +230,9 @@
|
|||
flex: 1;
|
||||
overflow: hidden;
|
||||
line-height: 1.25em;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
}
|
||||
.md-list-text-container > * {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-list-text-container > :nth-child(1) {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
|
|||
4034
dist/components/mdList/index.debug.js
vendored
4034
dist/components/mdList/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdList/index.js
vendored
10
dist/components/mdList/index.js
vendored
File diff suppressed because one or more lines are too long
13
dist/components/mdMenu/index.css
vendored
13
dist/components/mdMenu/index.css
vendored
|
|
@ -14,12 +14,12 @@
|
|||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
z-index: 131;
|
||||
z-index: 120;
|
||||
transform: scale(0.9, 0.85) translateZ(0);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
opacity: 0;
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.4s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
will-change: transform, opacity, width;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-right {
|
||||
|
|
@ -82,15 +82,15 @@
|
|||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
transform: scale(1) translateZ(0);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-content.md-active .md-list {
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: opacity 0.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-content .md-list {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-menu-item {
|
||||
cursor: pointer;
|
||||
|
|
@ -104,8 +104,5 @@
|
|||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.md-menu-backdrop {
|
||||
z-index: 130;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
1822
dist/components/mdMenu/index.debug.js
vendored
1822
dist/components/mdMenu/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdMenu/index.js
vendored
10
dist/components/mdMenu/index.js
vendored
File diff suppressed because one or more lines are too long
102
dist/components/mdOnboarding/index.css
vendored
102
dist/components/mdOnboarding/index.css
vendored
|
|
@ -1,102 +0,0 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-boards {
|
||||
width: 100%;
|
||||
height: 100% !important;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
position: relative;
|
||||
}
|
||||
.md-boards.md-transition-off * {
|
||||
transition: none !important;
|
||||
}
|
||||
.md-boards.md-dynamic-height .md-boards-content {
|
||||
transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-boards .md-boards-navigation {
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
min-height: 48px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.md-boards .md-board-header {
|
||||
min-width: 24px;
|
||||
max-width: 24px;
|
||||
margin: 0;
|
||||
padding: 0 12px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border: 0;
|
||||
background: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.md-boards .md-board-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-boards .md-board-header-container {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.md-boards .md-board-header-container .md-icon {
|
||||
margin: 0;
|
||||
}
|
||||
.md-boards .md-board-header-container .md-icon:not(.md-control) {
|
||||
width: 16px;
|
||||
min-width: 16px;
|
||||
height: 16px;
|
||||
min-height: 16px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-boards .md-boards-content {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.md-boards .md-boards-wrapper {
|
||||
width: 9999em;
|
||||
height: 100% !important;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-boards .md-board {
|
||||
padding: 16px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
1
dist/components/mdOnboarding/index.css.map
vendored
1
dist/components/mdOnboarding/index.css.map
vendored
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdOnboarding/index.css","sourceRoot":""}
|
||||
1598
dist/components/mdOnboarding/index.debug.js
vendored
1598
dist/components/mdOnboarding/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
6
dist/components/mdOnboarding/index.js
vendored
6
dist/components/mdOnboarding/index.js
vendored
File diff suppressed because one or more lines are too long
586
dist/components/mdProgress/index.debug.js
vendored
586
dist/components/mdProgress/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,371 +43,255 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 465);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(89);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 89:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdProgress = __webpack_require__(288);
|
||||
|
||||
var _mdProgress2 = _interopRequireDefault(_mdProgress);
|
||||
|
||||
var _mdProgress3 = __webpack_require__(236);
|
||||
|
||||
var _mdProgress4 = _interopRequireDefault(_mdProgress3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-progress', Vue.extend(_mdProgress2.default));
|
||||
|
||||
Vue.material.styles.push(_mdProgress4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 142:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdIndeterminate: Boolean,
|
||||
mdProgress: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-indeterminate': this.mdIndeterminate
|
||||
};
|
||||
},
|
||||
styles: function styles() {
|
||||
if (!this.mdIndeterminate) {
|
||||
return {
|
||||
width: this.mdProgress + '%'
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 198:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 236:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-progress {\n background-color: PRIMARY-COLOR-0.38; }\n .THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-progress .md-progress-track:after, .THEME_NAME.md-progress .md-progress-track:before {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-progress.md-accent {\n background-color: ACCENT-COLOR-0.38; }\n .THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-progress.md-accent .md-progress-track:after, .THEME_NAME.md-progress.md-accent .md-progress-track:before {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-progress.md-warn {\n background-color: WARN-COLOR-0.38; }\n .THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-progress.md-warn .md-progress-track:after, .THEME_NAME.md-progress.md-warn .md-progress-track:before {\n background-color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 288:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(198)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(142)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(327)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdProgress/mdProgress.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-28dc46cd", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-28dc46cd", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdProgress.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 327:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "md-progress",
|
||||
"appear": ""
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "md-progress",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('div', {
|
||||
staticClass: "md-progress-track",
|
||||
style: (_vm.styles)
|
||||
})])])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-28dc46cd", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 173:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-progress',
|
||||
props: {
|
||||
mdIndeterminate: Boolean,
|
||||
mdProgress: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-indeterminate': this.mdIndeterminate
|
||||
};
|
||||
},
|
||||
styles: function styles() {
|
||||
if (!this.mdIndeterminate) {
|
||||
return {
|
||||
width: this.mdProgress + '%'
|
||||
};
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 238:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 281:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-progress {\n background-color: PRIMARY-COLOR-0.38; }\n .THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-progress .md-progress-track:after, .THEME_NAME.md-progress .md-progress-track:before {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-progress.md-accent {\n background-color: ACCENT-COLOR-0.38; }\n .THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-progress.md-accent .md-progress-track:after, .THEME_NAME.md-progress.md-accent .md-progress-track:before {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-progress.md-warn {\n background-color: WARN-COLOR-0.38; }\n .THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-progress.md-warn .md-progress-track:after, .THEME_NAME.md-progress.md-warn .md-progress-track:before {\n background-color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 343:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(238)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(173),
|
||||
/* template */
|
||||
__webpack_require__(394),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdProgress/mdProgress.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdProgress.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-2816f2c4", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-2816f2c4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 394:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('transition', {
|
||||
attrs: {
|
||||
"name": "md-progress",
|
||||
"appear": ""
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "md-progress",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('div', {
|
||||
staticClass: "md-progress-track",
|
||||
style: (_vm.styles)
|
||||
})])])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-2816f2c4", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 465:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(98);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 98:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdProgress = __webpack_require__(343);
|
||||
|
||||
var _mdProgress2 = _interopRequireDefault(_mdProgress);
|
||||
|
||||
var _mdProgress3 = __webpack_require__(281);
|
||||
|
||||
var _mdProgress4 = _interopRequireDefault(_mdProgress3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-progress', _mdProgress2.default);
|
||||
|
||||
Vue.material.styles.push(_mdProgress4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdProgress/index.js
vendored
10
dist/components/mdProgress/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.VueMaterial=r():e.VueMaterial=r()})(this,(function(){return (function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var t={};return r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="/",r(r.s=464)})({0:function(e,r){e.exports=function(e,r,t,n,o){var s,d=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(s=e,d=e.default);var i="function"==typeof d?d.options:d;r&&(i.render=r.render,i.staticRenderFns=r.staticRenderFns),n&&(i._scopeId=n);var u;if(o?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},i._ssrRegister=u):t&&(u=t),u){var c=i.functional,m=c?i.render:i.beforeCreate;c?i.render=function(e,r){return u.call(r),m(e,r)}:i.beforeCreate=m?[].concat(m,u):[u]}return{esModule:s,exports:d,options:i}}},1:function(e,r,t){"use strict";function n(e){if(!e)return null;var r=e.mdTheme;return r||"md-theme"!==e.$options._componentTag||(r=e.mdName),r||n(e.$parent)}Object.defineProperty(r,"__esModule",{value:!0}),r.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=r.default},173:function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var o=t(1),s=n(o);r.default={name:"md-progress",props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[s.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=r.default},238:function(e,r){},280:function(e,r){e.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"},342:function(e,r,t){function n(e){t(238)}var o=t(0)(t(173),t(393),n,null,null);e.exports=o.exports},393:function(e,r){e.exports={render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("transition",{attrs:{name:"md-progress",appear:""}},[t("div",{staticClass:"md-progress",class:[e.themeClass,e.classes]},[t("div",{staticClass:"md-progress-track",style:e.styles})])])},staticRenderFns:[]}},464:function(e,r,t){e.exports=t(98)},98:function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",d.default),e.material.styles.push(i.default)}Object.defineProperty(r,"__esModule",{value:!0}),r.default=o;var s=t(342),d=n(s),a=t(280),i=n(a);e.exports=r.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(s){if(r[s])return r[s].exports;var o=r[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(89)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},89:function(e,t,r){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",e.extend(d.default)),e.material.styles.push(m.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=r(288),d=s(n),a=r(236),m=s(a);e.exports=t.default},142:function(e,t,r){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=s(o);t.default={props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[n.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=t.default},198:function(e,t){},236:function(e,t){e.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"},288:function(e,t,r){var s,o;r(198),s=r(142);var n=r(327);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=n.render,o.staticRenderFns=n.staticRenderFns,e.exports=s},327:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-progress",appear:""}},[r("div",{staticClass:"md-progress",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-progress-track",style:e.styles})])])},staticRenderFns:[]}}})}));
|
||||
17
dist/components/mdRadio/index.css
vendored
17
dist/components/mdRadio/index.css
vendored
|
|
@ -9,12 +9,6 @@
|
|||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-radio:not(.md-disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-radio:not(.md-disabled) .md-radio-label {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-radio .md-radio-container {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
|
@ -23,17 +17,6 @@
|
|||
border: 2px solid rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-radio .md-radio-container:before {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-radio .md-radio-container:after {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
|
|
|
|||
644
dist/components/mdRadio/index.debug.js
vendored
644
dist/components/mdRadio/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,403 +43,281 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 466);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(90);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 90:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdRadio = __webpack_require__(289);
|
||||
|
||||
var _mdRadio2 = _interopRequireDefault(_mdRadio);
|
||||
|
||||
var _mdRadio3 = __webpack_require__(237);
|
||||
|
||||
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-radio', Vue.extend(_mdRadio2.default));
|
||||
|
||||
Vue.material.styles.push(_mdRadio4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 143:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
name: String,
|
||||
id: String,
|
||||
value: [String, Boolean, Number],
|
||||
mdValue: {
|
||||
type: [String, Boolean, Number],
|
||||
required: true
|
||||
},
|
||||
disabled: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-checked': this.value && this.mdValue.toString() === this.value.toString(),
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleCheck: function toggleCheck($event) {
|
||||
if (!this.disabled) {
|
||||
this.$emit('change', this.mdValue, $event);
|
||||
this.$emit('input', this.mdValue, $event);
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 220:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 237:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-radio .md-radio-container:after {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-radio-container {\n border-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME.md-radio.md-primary .md-radio-container:after {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n border-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-warn .md-radio-container:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n border-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-disabled .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 289:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(220)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(143)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(370)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdRadio/mdRadio.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-e87254d2", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-e87254d2", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 370:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-radio",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('div', {
|
||||
staticClass: "md-radio-container",
|
||||
on: {
|
||||
"click": _vm.toggleCheck
|
||||
}
|
||||
}, [_c('input', {
|
||||
attrs: {
|
||||
"type": "radio",
|
||||
"name": _vm.name,
|
||||
"id": _vm.id,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.value
|
||||
}
|
||||
}), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
|
||||
staticClass: "md-radio-label",
|
||||
attrs: {
|
||||
"for": _vm.id || _vm.name
|
||||
}
|
||||
}, [_vm._t("default")], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-e87254d2", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 174:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-radio',
|
||||
props: {
|
||||
name: String,
|
||||
id: String,
|
||||
value: [String, Boolean, Number],
|
||||
mdValue: {
|
||||
type: [String, Boolean, Number],
|
||||
required: true
|
||||
},
|
||||
disabled: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-checked': typeof this.value !== 'undefined' && this.value !== null && this.mdValue.toString() === this.value.toString(),
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toggleCheck: function toggleCheck($event) {
|
||||
if (!this.disabled) {
|
||||
this.$emit('change', this.mdValue, $event);
|
||||
this.$emit('input', this.mdValue, $event);
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 230:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 282:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-radio .md-radio-container:after {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-radio-container {\n border-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME.md-radio.md-primary .md-radio-container:after {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n border-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-warn .md-radio-container:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n border-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-disabled .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 344:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(230)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(174),
|
||||
/* template */
|
||||
__webpack_require__(375),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdRadio/mdRadio.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-079386ce", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-079386ce", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 375:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-radio",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('div', {
|
||||
staticClass: "md-radio-container",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.toggleCheck($event)
|
||||
}
|
||||
}
|
||||
}, [_c('input', {
|
||||
attrs: {
|
||||
"type": "radio",
|
||||
"name": _vm.name,
|
||||
"id": _vm.id,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
domProps: {
|
||||
"value": _vm.value
|
||||
}
|
||||
}), _vm._v(" "), _c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
|
||||
staticClass: "md-radio-label",
|
||||
attrs: {
|
||||
"for": _vm.id || _vm.name
|
||||
},
|
||||
on: {
|
||||
"click": _vm.toggleCheck
|
||||
}
|
||||
}, [_vm._t("default")], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-079386ce", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 466:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(99);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 99:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdRadio = __webpack_require__(344);
|
||||
|
||||
var _mdRadio2 = _interopRequireDefault(_mdRadio);
|
||||
|
||||
var _mdRadio3 = __webpack_require__(282);
|
||||
|
||||
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-radio', _mdRadio2.default);
|
||||
|
||||
Vue.material.styles.push(_mdRadio4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdRadio/index.js
vendored
10
dist/components/mdRadio/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=465)})({0:function(e,t){e.exports=function(e,t,r,o,n){var d,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(d=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var s;if(n?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(n)},c._ssrRegister=s):r&&(s=r),s){var u=c.functional,l=u?c.render:c.beforeCreate;u?c.render=function(e,t){return s.call(t),l(e,t)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:d,exports:i,options:c}}},1:function(e,t,r){"use strict";function o(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||o(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return o(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},174:function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),d=o(n);t.default={name:"md-radio",props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[d.default],computed:{classes:function(){return{"md-checked":"undefined"!=typeof this.value&&null!==this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},230:function(e,t){},281:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},343:function(e,t,r){function o(e){r(230)}var n=r(0)(r(174),r(374),o,null,null);e.exports=n.exports},374:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-radio-container",on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[r("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}}),e._v(" "),r("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?r("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name},on:{click:e.toggleCheck}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},465:function(e,t,r){e.exports=r(99)},99:function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-radio",i.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var d=r(343),i=o(d),a=r(281),c=o(a);e.exports=t.default}})}));
|
||||
* Vue Material v0.6.1
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(d[r])return d[r].exports;var o=d[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)})({0:function(e,t,d){e.exports=d(90)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},90:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",e.extend(i.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=d(289),i=r(a),n=d(237),s=r(n);e.exports=t.default},143:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=d(1),a=r(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},220:function(e,t){},237:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},289:function(e,t,d){var r,o;d(220),r=d(143);var a=d(370);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=a.render,o.staticRenderFns=a.staticRenderFns,e.exports=r},370:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[d("div",{staticClass:"md-radio-container",on:{click:e.toggleCheck}},[d("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}}),e._v(" "),d("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?d("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})}));
|
||||
33
dist/components/mdRatingBar/index.css
vendored
33
dist/components/mdRatingBar/index.css
vendored
|
|
@ -1,33 +0,0 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-rating-bar {
|
||||
width: auto;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: -webkit-fit-content;
|
||||
width: -moz-fit-content;
|
||||
width: fit-content;
|
||||
padding: 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.md-rating-bar > .md-full-icon {
|
||||
overflow-x: hidden;
|
||||
display: inherit;
|
||||
}
|
||||
.md-rating-bar > .md-empty-icon > .md-icon,
|
||||
.md-rating-bar > .md-full-icon > .md-icon {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-rating-bar:not([disabled]):hover {
|
||||
background-color: rgba(153, 153, 153, 0.2);
|
||||
}
|
||||
.md-rating-bar[disabled] > .md-empty-icon > .md-icon,
|
||||
.md-rating-bar[disabled] > .md-full-icon > .md-icon {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
1
dist/components/mdRatingBar/index.css.map
vendored
1
dist/components/mdRatingBar/index.css.map
vendored
|
|
@ -1 +0,0 @@
|
|||
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdRatingBar/index.css","sourceRoot":""}
|
||||
648
dist/components/mdRatingBar/index.debug.js
vendored
648
dist/components/mdRatingBar/index.debug.js
vendored
|
|
@ -1,648 +0,0 @@
|
|||
(function webpackUniversalModuleDefinition(root, factory) {
|
||||
if(typeof exports === 'object' && typeof module === 'object')
|
||||
module.exports = factory();
|
||||
else if(typeof define === 'function' && define.amd)
|
||||
define([], factory);
|
||||
else if(typeof exports === 'object')
|
||||
exports["VueMaterial"] = factory();
|
||||
else
|
||||
root["VueMaterial"] = factory();
|
||||
})(this, (function() {
|
||||
return /******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
|
||||
/******/ // Check if module is in cache
|
||||
/******/ if(installedModules[moduleId])
|
||||
/******/ return installedModules[moduleId].exports;
|
||||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
|
||||
|
||||
/******/ // expose the modules object (__webpack_modules__)
|
||||
/******/ __webpack_require__.m = modules;
|
||||
|
||||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 467);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var name = component.mdTheme;
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 100:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdRatingBar = __webpack_require__(345);
|
||||
|
||||
var _mdRatingBar2 = _interopRequireDefault(_mdRatingBar);
|
||||
|
||||
var _mdRatingBar3 = __webpack_require__(283);
|
||||
|
||||
var _mdRatingBar4 = _interopRequireDefault(_mdRatingBar3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-rating-bar', _mdRatingBar2.default);
|
||||
|
||||
Vue.material.styles.push(_mdRatingBar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 175:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var iconSize = 24; //size of each icon from rating bar in pixels
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdMaxRating: {
|
||||
type: Number,
|
||||
default: 5
|
||||
},
|
||||
disabled: Boolean,
|
||||
value: {
|
||||
type: Number,
|
||||
default: 0
|
||||
},
|
||||
mdIconSize: {
|
||||
type: Number,
|
||||
default: 1
|
||||
},
|
||||
mdFullIconset: String,
|
||||
mdEmptyIconset: String,
|
||||
mdFullIcon: {
|
||||
type: String,
|
||||
default: 'star'
|
||||
},
|
||||
mdEmptyIcon: {
|
||||
type: String,
|
||||
default: 'star'
|
||||
}
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
data: function data() {
|
||||
return {
|
||||
srcFullIcon: null,
|
||||
srcEmptyIcon: null,
|
||||
rating: this.value
|
||||
};
|
||||
},
|
||||
|
||||
mounted: function mounted() {
|
||||
this.srcFullIcon = this.checkSrc(this.mdFullIcon);
|
||||
this.srcEmptyIcon = this.checkSrc(this.mdEmptyIcon);
|
||||
},
|
||||
computed: {
|
||||
emptyIcon: function emptyIcon() {
|
||||
if (this.mdEmptyIconset) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return this.mdEmptyIcon;
|
||||
},
|
||||
fullIcon: function fullIcon() {
|
||||
if (this.mdFullIconset) {
|
||||
return '';
|
||||
}
|
||||
|
||||
return this.mdFullIcon;
|
||||
},
|
||||
iconClasses: function iconClasses() {
|
||||
var classes = {};
|
||||
|
||||
if (this.mdIconSize) {
|
||||
classes['md-size-' + this.mdIconSize + 'x'] = true;
|
||||
}
|
||||
|
||||
return classes;
|
||||
},
|
||||
fullIconStyle: function fullIconStyle() {
|
||||
return {
|
||||
width: 100 / this.mdMaxRating * this.rating + '%',
|
||||
'margin-left': -iconSize * this.mdIconSize * this.mdMaxRating + 'px'
|
||||
};
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdFullIcon: function mdFullIcon() {
|
||||
this.srcFullIcon = this.checkSrc(this.mdFullIcon);
|
||||
},
|
||||
mdEmptyIcon: function mdEmptyIcon() {
|
||||
this.srcEmptyIcon = this.checkSrc(this.mdEmptyIcon);
|
||||
},
|
||||
value: function value() {
|
||||
this.rating = this.value;
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
hoverStars: function hoverStars(evt) {
|
||||
if (!this.disabled) {
|
||||
this.rating = this.getIconIndex(evt.currentTarget);
|
||||
this.$emit('hover', this.rating);
|
||||
}
|
||||
},
|
||||
clickStars: function clickStars(evt) {
|
||||
if (!this.disabled) {
|
||||
var selected = this.getIconIndex(evt.currentTarget);
|
||||
|
||||
this.$emit('input', selected);
|
||||
this.$emit('change', selected);
|
||||
}
|
||||
},
|
||||
getIconIndex: function getIconIndex(iconSelected) {
|
||||
var _this = this;
|
||||
|
||||
//iconSelected is a dom element
|
||||
var ratingIcons = this.$el.querySelectorAll('.md-empty-icon > .md-icon, .md-full-icon > .md-icon');
|
||||
var selected = -1;
|
||||
|
||||
ratingIcons = Array.prototype.slice.call(ratingIcons);
|
||||
//find index from iconSelected
|
||||
ratingIcons.some((function (icon, i) {
|
||||
if (icon === iconSelected) {
|
||||
selected = (i + 1) % _this.mdMaxRating;
|
||||
selected = !selected ? _this.mdMaxRating : selected;
|
||||
return true;
|
||||
}
|
||||
}));
|
||||
|
||||
return selected;
|
||||
},
|
||||
checkSrc: function checkSrc(src) {
|
||||
if (src && /.+\.(svg|png)/.test(src)) {
|
||||
//check if src is a image source
|
||||
return src;
|
||||
}
|
||||
|
||||
return null;
|
||||
},
|
||||
onMouseOut: function onMouseOut() {
|
||||
this.rating = this.value;
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 245:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 283:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-rating-bar > .md-empty-icon .md-icon {\n color: BACKGROUND-CONTRAST-0.26; }\n\n.THEME_NAME.md-rating-bar > .md-full-icon .md-icon {\n color: BACKGROUND-CONTRAST-0.38; }\n\n.THEME_NAME.md-rating-bar.md-primary > .md-full-icon .md-icon {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-rating-bar.md-accent > .md-full-icon .md-icon {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-rating-bar.md-warn > .md-full-icon .md-icon {\n color: WARN-COLOR; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 345:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(245)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(175),
|
||||
/* template */
|
||||
__webpack_require__(410),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdRatingBar/mdRatingBar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdRatingBar.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-4c037d44", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-4c037d44", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 410:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-rating-bar",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"disabled": _vm.disabled
|
||||
}
|
||||
}, [(_vm.srcEmptyIcon) ? _c('div', {
|
||||
staticClass: "md-empty-icon"
|
||||
}, _vm._l((_vm.mdMaxRating), (function(i) {
|
||||
return (_vm.srcEmptyIcon) ? _c('md-icon', {
|
||||
key: i,
|
||||
class: [_vm.iconClasses],
|
||||
attrs: {
|
||||
"md-src": _vm.srcEmptyIcon
|
||||
},
|
||||
nativeOn: {
|
||||
"mouseover": function($event) {
|
||||
_vm.hoverStars($event)
|
||||
},
|
||||
"click": function($event) {
|
||||
_vm.clickStars($event)
|
||||
},
|
||||
"mouseout": function($event) {
|
||||
_vm.onMouseOut($event)
|
||||
}
|
||||
}
|
||||
}) : _vm._e()
|
||||
}))) : _c('div', {
|
||||
staticClass: "md-empty-icon"
|
||||
}, _vm._l((_vm.mdMaxRating), (function(i) {
|
||||
return _c('md-icon', {
|
||||
key: i,
|
||||
class: [_vm.iconClasses],
|
||||
attrs: {
|
||||
"md-iconset": _vm.mdEmptyIconset
|
||||
},
|
||||
domProps: {
|
||||
"innerHTML": _vm._s(_vm.emptyIcon)
|
||||
},
|
||||
nativeOn: {
|
||||
"mouseover": function($event) {
|
||||
_vm.hoverStars($event)
|
||||
},
|
||||
"click": function($event) {
|
||||
_vm.clickStars($event)
|
||||
},
|
||||
"mouseout": function($event) {
|
||||
_vm.onMouseOut($event)
|
||||
}
|
||||
}
|
||||
})
|
||||
}))), _vm._v(" "), (_vm.srcFullIcon) ? _c('div', {
|
||||
staticClass: "md-full-icon",
|
||||
style: (_vm.fullIconStyle)
|
||||
}, _vm._l((_vm.mdMaxRating), (function(i) {
|
||||
return (_vm.srcFullIcon) ? _c('md-icon', {
|
||||
key: i,
|
||||
class: [_vm.iconClasses],
|
||||
attrs: {
|
||||
"md-src": _vm.srcFullIcon
|
||||
},
|
||||
nativeOn: {
|
||||
"mouseover": function($event) {
|
||||
_vm.hoverStars($event)
|
||||
},
|
||||
"click": function($event) {
|
||||
_vm.clickStars($event)
|
||||
},
|
||||
"mouseout": function($event) {
|
||||
_vm.onMouseOut($event)
|
||||
}
|
||||
}
|
||||
}) : _vm._e()
|
||||
}))) : _c('div', {
|
||||
staticClass: "md-full-icon",
|
||||
style: (_vm.fullIconStyle)
|
||||
}, _vm._l((_vm.mdMaxRating), (function(i) {
|
||||
return _c('md-icon', {
|
||||
key: i,
|
||||
class: [_vm.iconClasses],
|
||||
attrs: {
|
||||
"md-iconset": _vm.mdFullIconset
|
||||
},
|
||||
domProps: {
|
||||
"innerHTML": _vm._s(_vm.fullIcon)
|
||||
},
|
||||
nativeOn: {
|
||||
"mouseover": function($event) {
|
||||
_vm.hoverStars($event)
|
||||
},
|
||||
"click": function($event) {
|
||||
_vm.clickStars($event)
|
||||
},
|
||||
"mouseout": function($event) {
|
||||
_vm.onMouseOut($event)
|
||||
}
|
||||
}
|
||||
})
|
||||
})))])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-4c037d44", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 467:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(100);
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
6
dist/components/mdRatingBar/index.js
vendored
6
dist/components/mdRatingBar/index.js
vendored
File diff suppressed because one or more lines are too long
10
dist/components/mdSelect/index.css
vendored
10
dist/components/mdSelect/index.css
vendored
|
|
@ -11,7 +11,7 @@
|
|||
.md-select:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-select:not(.md-select-icon):after {
|
||||
.md-select:after {
|
||||
margin-top: 2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
|
@ -83,14 +83,6 @@
|
|||
margin-top: -15px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
.md-select-content .md-option[disabled] {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
user-drag: none;
|
||||
}
|
||||
.md-select-content .md-menu-item .md-list-item-holder {
|
||||
overflow: visible;
|
||||
-ms-flex-pack: start;
|
||||
|
|
|
|||
3382
dist/components/mdSelect/index.debug.js
vendored
3382
dist/components/mdSelect/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
10
dist/components/mdSelect/index.js
vendored
10
dist/components/mdSelect/index.js
vendored
File diff suppressed because one or more lines are too long
707
dist/components/mdSidenav/index.debug.js
vendored
707
dist/components/mdSidenav/index.debug.js
vendored
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,470 +43,277 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 469);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(92);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 92:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSidenav = __webpack_require__(292);
|
||||
|
||||
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
|
||||
|
||||
var _mdSidenav3 = __webpack_require__(239);
|
||||
|
||||
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-sidenav', Vue.extend(_mdSidenav2.default));
|
||||
|
||||
Vue.material.styles.push(_mdSidenav4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 146:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
data: function data() {
|
||||
return {
|
||||
mdVisible: false
|
||||
};
|
||||
},
|
||||
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return this.mdVisible && 'md-active';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
show: function show() {
|
||||
this.open();
|
||||
},
|
||||
open: function open() {
|
||||
this.mdVisible = true;
|
||||
this.$el.focus();
|
||||
this.$emit('open');
|
||||
},
|
||||
close: function close() {
|
||||
this.mdVisible = false;
|
||||
this.$el.blur();
|
||||
this.$emit('close');
|
||||
},
|
||||
toggle: function toggle() {
|
||||
if (this.mdVisible) {
|
||||
this.close();
|
||||
} else {
|
||||
this.open();
|
||||
}
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 205:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 239:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 292:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(205)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(146)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(337)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-4904390e", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-4904390e", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
/***/ },
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
/***/ 337:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var name = component.mdTheme;
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-sidenav",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
attrs: {
|
||||
"tabindex": "0"
|
||||
},
|
||||
on: {
|
||||
"keyup": function($event) {
|
||||
if (_vm._k($event.keyCode, "esc", 27)) { return; }
|
||||
_vm.close($event)
|
||||
}
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "md-sidenav-content"
|
||||
}, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
|
||||
staticClass: "md-sidenav-backdrop",
|
||||
on: {
|
||||
"close": _vm.close
|
||||
}
|
||||
})], 1)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-4904390e", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
/***/ }
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 102:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSidenav = __webpack_require__(348);
|
||||
|
||||
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
|
||||
|
||||
var _mdSidenav3 = __webpack_require__(285);
|
||||
|
||||
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-sidenav', _mdSidenav2.default);
|
||||
|
||||
Vue.material.styles.push(_mdSidenav4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 178:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-sidenav',
|
||||
data: function data() {
|
||||
return {
|
||||
mdVisible: false
|
||||
};
|
||||
},
|
||||
|
||||
mixins: [_mixin2.default],
|
||||
props: {
|
||||
mdSwipeable: Boolean,
|
||||
mdSwipeThreshold: {
|
||||
type: Number,
|
||||
default: 15
|
||||
},
|
||||
mdSwipeDistance: {
|
||||
type: Number,
|
||||
default: 100
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return this.mdVisible && 'md-active';
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
show: function show() {
|
||||
this.open();
|
||||
},
|
||||
open: function open() {
|
||||
this.mdVisible = true;
|
||||
this.$el.focus();
|
||||
this.$emit('open');
|
||||
},
|
||||
close: function close() {
|
||||
this.mdVisible = false;
|
||||
this.$el.blur();
|
||||
this.$emit('close');
|
||||
},
|
||||
toggle: function toggle() {
|
||||
if (this.mdVisible) {
|
||||
this.close();
|
||||
} else {
|
||||
this.open();
|
||||
}
|
||||
},
|
||||
isHorizontallyInside: function isHorizontallyInside(positionX) {
|
||||
return positionX > 0 && positionX < this.mountedRect.left + this.mountedRect.width;
|
||||
},
|
||||
isVerticallyInside: function isVerticallyInside(positionY) {
|
||||
return positionY > 0 && positionY < this.mountedRect.top + this.mountedRect.height;
|
||||
},
|
||||
isFromStartWhenClosed: function isFromStartWhenClosed(positionX) {
|
||||
if (this.mdVisible) {
|
||||
return true;
|
||||
}
|
||||
|
||||
return positionX < this.mdSwipeThreshold;
|
||||
},
|
||||
handleTouchStart: function handleTouchStart(event) {
|
||||
var positionX = event.touches[0].clientX - this.mountedRect.left;
|
||||
var positionY = event.touches[0].clientY - this.mountedRect.top;
|
||||
|
||||
if (!this.isHorizontallyInside(positionX) || !this.isVerticallyInside(positionY) || !this.isFromStartWhenClosed(positionX)) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.initialTouchPosition = positionX;
|
||||
this.canMove = true;
|
||||
},
|
||||
handleTouchEnd: function handleTouchEnd() {
|
||||
this.canMove = false;
|
||||
this.initialTouchPosition = null;
|
||||
},
|
||||
handleTouchMove: function handleTouchMove(event) {
|
||||
if (!this.canMove) {
|
||||
return;
|
||||
}
|
||||
|
||||
var positionX = event.touches[0].clientX;
|
||||
|
||||
var difference = this.mdVisible ? this.initialTouchPosition - positionX : positionX - this.initialTouchPosition;
|
||||
|
||||
var action = this.mdVisible ? 'close' : 'open';
|
||||
|
||||
if (difference > this.mdSwipeDistance) {
|
||||
this[action]();
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
if (!this.mdSwipeable) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.mountedRect = this.$refs.backdrop.$el.getBoundingClientRect();
|
||||
this.initialTouchPosition = null;
|
||||
this.canMove = false;
|
||||
|
||||
document.addEventListener('touchstart', this.handleTouchStart);
|
||||
document.addEventListener('touchend', this.handleTouchEnd);
|
||||
document.addEventListener('touchmove', this.handleTouchMove);
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
if (!this.mdSwipeable) {
|
||||
return;
|
||||
}
|
||||
|
||||
document.removeEventListener('touchstart', this.handleTouchStart);
|
||||
document.removeEventListener('touchend', this.handleTouchEnd);
|
||||
document.removeEventListener('touchmove', this.handleTouchMove);
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 249:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 285:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 348:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(249)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(178),
|
||||
/* template */
|
||||
__webpack_require__(415),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSidenav/mdSidenav.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-52912130", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-52912130", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 415:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-sidenav",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
attrs: {
|
||||
"tabindex": "0"
|
||||
},
|
||||
on: {
|
||||
"keyup": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
|
||||
_vm.close($event)
|
||||
}
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "md-sidenav-content"
|
||||
}, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
|
||||
ref: "backdrop",
|
||||
staticClass: "md-sidenav-backdrop",
|
||||
on: {
|
||||
"close": _vm.close
|
||||
}
|
||||
})], 1)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-52912130", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 469:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(102);
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdSidenav/index.js
vendored
10
dist/components/mdSidenav/index.js
vendored
File diff suppressed because one or more lines are too long
82
dist/components/mdSnackbar/index.css
vendored
82
dist/components/mdSnackbar/index.css
vendored
|
|
@ -11,7 +11,6 @@
|
|||
right: 0;
|
||||
left: 0;
|
||||
z-index: 120;
|
||||
pointer-events: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: margin-top, margin-bottom;
|
||||
}
|
||||
|
|
@ -54,6 +53,11 @@
|
|||
opacity: 1;
|
||||
transition: opacity 0.4s 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-snackbar {
|
||||
margin: 0 !important;
|
||||
}
|
||||
}
|
||||
.md-snackbar .md-snackbar-content {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
|
|
@ -79,58 +83,80 @@
|
|||
min-height: 48px;
|
||||
padding: 14px 24px;
|
||||
overflow: hidden;
|
||||
pointer-events: auto;
|
||||
border-radius: 2px;
|
||||
background-color: #323232;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-snackbar-container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
.md-has-toast-top-right .md-fab.md-fab-top-right {
|
||||
transform: translate3D(0, 68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-top-right .md-fab.md-fab-top-right {
|
||||
transform: translate3D(0, 48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-top-center .md-fab.md-fab-top-center {
|
||||
transform: translate3D(-50%, 68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-top-center .md-fab.md-fab-top-center {
|
||||
transform: translate3D(-50%, 48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-top-left .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-top-left .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
|
||||
transform: translate3D(0, -68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
|
||||
transform: translate3D(0, -48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
|
||||
transform: translate3D(-50%, -68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
|
||||
transform: translate3D(-50%, -48px, 0);
|
||||
}
|
||||
}
|
||||
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -68px, 0);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-snackbar {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.md-snackbar-container {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
border-radius: 0;
|
||||
}
|
||||
.md-has-toast-top-right .md-fab.md-fab-top-right {
|
||||
transform: translate3D(0, 48px, 0);
|
||||
}
|
||||
.md-has-toast-top-center .md-fab.md-fab-top-center {
|
||||
transform: translate3D(-50%, 48px, 0);
|
||||
}
|
||||
.md-has-toast-top-left .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 48px, 0);
|
||||
}
|
||||
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
|
||||
transform: translate3D(0, -48px, 0);
|
||||
}
|
||||
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
|
||||
transform: translate3D(-50%, -48px, 0);
|
||||
}
|
||||
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -48px, 0);
|
||||
}
|
||||
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -48px, 0);
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast .md-fab.md-fab-top-right,
|
||||
.md-has-toast .md-fab.md-fab-top-center,
|
||||
.md-has-toast .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 44px, 0);
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.md-has-toast .md-fab.md-fab-bottom-right,
|
||||
.md-has-toast .md-fab.md-fab-bottom-center,
|
||||
.md-has-toast .md-fab.md-fab-bottom-left {
|
||||
transform: translate3D(0, -44px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
911
dist/components/mdSnackbar/index.debug.js
vendored
911
dist/components/mdSnackbar/index.debug.js
vendored
|
|
@ -1,13 +1,13 @@
|
|||
(function webpackUniversalModuleDefinition(root, factory) {
|
||||
if(typeof exports === 'object' && typeof module === 'object')
|
||||
module.exports = factory(require("vue"));
|
||||
module.exports = factory(require("Vue"));
|
||||
else if(typeof define === 'function' && define.amd)
|
||||
define(["vue"], factory);
|
||||
define(["Vue"], factory);
|
||||
else if(typeof exports === 'object')
|
||||
exports["VueMaterial"] = factory(require("vue"));
|
||||
exports["VueMaterial"] = factory(require("Vue"));
|
||||
else
|
||||
root["VueMaterial"] = factory(root["Vue"]);
|
||||
})(this, (function(__WEBPACK_EXTERNAL_MODULE_445__) {
|
||||
})(this, (function(__WEBPACK_EXTERNAL_MODULE_374__) {
|
||||
return /******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
|
|
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = installedModules[moduleId] = {
|
||||
/******/ i: moduleId,
|
||||
/******/ l: false,
|
||||
/******/ exports: {}
|
||||
/******/ exports: {},
|
||||
/******/ id: moduleId,
|
||||
/******/ loaded: false
|
||||
/******/ };
|
||||
|
||||
/******/ // Execute the module function
|
||||
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
||||
|
||||
/******/ // Flag the module as loaded
|
||||
/******/ module.l = true;
|
||||
/******/ module.loaded = true;
|
||||
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
|
|
@ -43,569 +43,436 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ // expose the module cache
|
||||
/******/ __webpack_require__.c = installedModules;
|
||||
|
||||
/******/ // identity function for calling harmony imports with the correct context
|
||||
/******/ __webpack_require__.i = function(value) { return value; };
|
||||
|
||||
/******/ // define getter function for harmony exports
|
||||
/******/ __webpack_require__.d = function(exports, name, getter) {
|
||||
/******/ if(!__webpack_require__.o(exports, name)) {
|
||||
/******/ Object.defineProperty(exports, name, {
|
||||
/******/ configurable: false,
|
||||
/******/ enumerable: true,
|
||||
/******/ get: getter
|
||||
/******/ });
|
||||
/******/ }
|
||||
/******/ };
|
||||
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = function(module) {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ function getDefault() { return module['default']; } :
|
||||
/******/ function getModuleExports() { return module; };
|
||||
/******/ __webpack_require__.d(getter, 'a', getter);
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
|
||||
/******/ // Object.prototype.hasOwnProperty.call
|
||||
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
||||
|
||||
/******/ // __webpack_public_path__
|
||||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 470);
|
||||
/******/ return __webpack_require__(0);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 0:
|
||||
/***/ (function(module, exports) {
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
/* globals __VUE_SSR_CONTEXT__ */
|
||||
|
||||
// this module is a runtime utility for cleaner component module output and will
|
||||
// be included in the final webpack user bundle
|
||||
|
||||
module.exports = function normalizeComponent (
|
||||
rawScriptExports,
|
||||
compiledTemplate,
|
||||
injectStyles,
|
||||
scopeId,
|
||||
moduleIdentifier /* server only */
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
||||
// ES6 modules interop
|
||||
var type = typeof rawScriptExports.default
|
||||
if (type === 'object' || type === 'function') {
|
||||
esModule = rawScriptExports
|
||||
scriptExports = rawScriptExports.default
|
||||
}
|
||||
|
||||
// Vue.extend constructor export interop
|
||||
var options = typeof scriptExports === 'function'
|
||||
? scriptExports.options
|
||||
: scriptExports
|
||||
|
||||
// render functions
|
||||
if (compiledTemplate) {
|
||||
options.render = compiledTemplate.render
|
||||
options.staticRenderFns = compiledTemplate.staticRenderFns
|
||||
}
|
||||
|
||||
// scopedId
|
||||
if (scopeId) {
|
||||
options._scopeId = scopeId
|
||||
}
|
||||
|
||||
var hook
|
||||
if (moduleIdentifier) { // server build
|
||||
hook = function (context) {
|
||||
// 2.3 injection
|
||||
context =
|
||||
context || // cached call
|
||||
(this.$vnode && this.$vnode.ssrContext) || // stateful
|
||||
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
|
||||
// 2.2 with runInNewContext: true
|
||||
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
|
||||
context = __VUE_SSR_CONTEXT__
|
||||
}
|
||||
// inject component styles
|
||||
if (injectStyles) {
|
||||
injectStyles.call(this, context)
|
||||
}
|
||||
// register component module identifier for async chunk inferrence
|
||||
if (context && context._registeredComponents) {
|
||||
context._registeredComponents.add(moduleIdentifier)
|
||||
}
|
||||
}
|
||||
// used by ssr in case component is cached and beforeCreate
|
||||
// never gets called
|
||||
options._ssrRegister = hook
|
||||
} else if (injectStyles) {
|
||||
hook = injectStyles
|
||||
}
|
||||
|
||||
if (hook) {
|
||||
var functional = options.functional
|
||||
var existing = functional
|
||||
? options.render
|
||||
: options.beforeCreate
|
||||
if (!functional) {
|
||||
// inject component registration as beforeCreate hook
|
||||
options.beforeCreate = existing
|
||||
? [].concat(existing, hook)
|
||||
: [hook]
|
||||
} else {
|
||||
// register for functioal component in vue file
|
||||
options.render = function renderWithStyleInjection (h, context) {
|
||||
hook.call(context)
|
||||
return existing(h, context)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
esModule: esModule,
|
||||
exports: scriptExports,
|
||||
options: options
|
||||
}
|
||||
}
|
||||
module.exports = __webpack_require__(93);
|
||||
|
||||
|
||||
/***/ }),
|
||||
/***/ },
|
||||
|
||||
/***/ 1:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ function(module, exports) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if ($parent.mdTheme || $parent.mdName) {
|
||||
return $parent;
|
||||
}
|
||||
|
||||
return this.getClosestThemedParent($parent.$parent);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
themeClass: function themeClass() {
|
||||
if (this.mdTheme) {
|
||||
return 'md-theme-' + this.mdTheme;
|
||||
}
|
||||
|
||||
var theme = this.closestThemedParent.mdTheme;
|
||||
|
||||
if (!theme) {
|
||||
if (this.closestThemedParent) {
|
||||
theme = this.closestThemedParent.mdName;
|
||||
} else {
|
||||
theme = this.$material.currentTheme;
|
||||
}
|
||||
}
|
||||
|
||||
return 'md-theme-' + theme;
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
|
||||
|
||||
"use strict";
|
||||
if (!this.$material.currentTheme) {
|
||||
this.$material.setCurrentTheme('default');
|
||||
}
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 38:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
// Theme mixin
|
||||
'use strict';
|
||||
|
||||
// Grab the closest ancestor component's `md-theme` attribute OR grab the
|
||||
// `md-name` attribute from an `<md-theme>` component.
|
||||
function getAncestorThemeName(component) {
|
||||
if (!component) {
|
||||
return null;
|
||||
}
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
function transitionEndEventName() {
|
||||
var el = document.createElement('span');
|
||||
var transitions = {
|
||||
transition: 'transitionend',
|
||||
OTransition: 'oTransitionEnd',
|
||||
MozTransition: 'transitionend',
|
||||
WebkitTransition: 'webkitTransitionEnd'
|
||||
};
|
||||
|
||||
var name = component.mdTheme;
|
||||
for (var transition in transitions) {
|
||||
if (el.style[transition] !== undefined) {
|
||||
return transitions[transition];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!name && component.$options._componentTag === 'md-theme') {
|
||||
name = component.mdName;
|
||||
}
|
||||
exports.default = transitionEndEventName();
|
||||
module.exports = exports['default'];
|
||||
|
||||
return name || getAncestorThemeName(component.$parent);
|
||||
}
|
||||
/***/ },
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
mdTheme: String
|
||||
},
|
||||
computed: {
|
||||
mdEffectiveTheme: function mdEffectiveTheme() {
|
||||
return getAncestorThemeName(this) || this.$material.currentTheme;
|
||||
},
|
||||
themeClass: function themeClass() {
|
||||
return this.$material.prefix + this.mdEffectiveTheme;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
/***/ 43:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
"use strict";
|
||||
|
||||
/***/ }),
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var uniqueId = function uniqueId() {
|
||||
return Math.random().toString(36).slice(4);
|
||||
};
|
||||
|
||||
/***/ 103:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
exports.default = uniqueId;
|
||||
module.exports = exports["default"];
|
||||
|
||||
"use strict";
|
||||
/***/ },
|
||||
|
||||
/***/ 93:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
'use strict';
|
||||
|
||||
var _mdSnackbar = __webpack_require__(349);
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
|
||||
var _mdSnackbar = __webpack_require__(293);
|
||||
|
||||
var _mdSnackbar3 = __webpack_require__(286);
|
||||
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
|
||||
|
||||
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
|
||||
var _mdSnackbar3 = __webpack_require__(240);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-snackbar', _mdSnackbar2.default);
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
Vue.material.styles.push(_mdSnackbar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
function install(Vue) {
|
||||
Vue.component('md-snackbar', Vue.extend(_mdSnackbar2.default));
|
||||
|
||||
/***/ }),
|
||||
Vue.material.styles.push(_mdSnackbar4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ 117:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
/***/ },
|
||||
|
||||
"use strict";
|
||||
/***/ 94:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _vue = __webpack_require__(445);
|
||||
var _vue = __webpack_require__(374);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var manager = new _vue2.default({
|
||||
data: function data() {
|
||||
return {
|
||||
current: null
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
exports.default = manager;
|
||||
module.exports = exports['default'];
|
||||
var manager = new _vue2.default({
|
||||
data: function data() {
|
||||
return {
|
||||
current: null
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 179:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
exports.default = manager;
|
||||
module.exports = exports['default'];
|
||||
|
||||
"use strict";
|
||||
/***/ },
|
||||
|
||||
/***/ 147:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _uniqueId = __webpack_require__(36);
|
||||
|
||||
var _uniqueId2 = _interopRequireDefault(_uniqueId);
|
||||
|
||||
var _transitionEndEventName = __webpack_require__(41);
|
||||
|
||||
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
var _manager = __webpack_require__(117);
|
||||
|
||||
var _manager2 = _interopRequireDefault(_manager);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-snackbar',
|
||||
props: {
|
||||
id: [String, Number],
|
||||
mdPosition: {
|
||||
type: String,
|
||||
default: 'bottom center'
|
||||
},
|
||||
mdDuration: {
|
||||
type: [String, Number],
|
||||
default: 4000
|
||||
}
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
data: function data() {
|
||||
return {
|
||||
snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
|
||||
active: false,
|
||||
rootElement: {},
|
||||
snackbarElement: {},
|
||||
directionClass: null,
|
||||
closeTimeout: null
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
var cssClasses = {
|
||||
'md-active': this.active
|
||||
};
|
||||
|
||||
this.directionClass = this.mdPosition.replace(/ /g, '-');
|
||||
|
||||
cssClasses['md-position-' + this.directionClass] = true;
|
||||
|
||||
return cssClasses;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
active: function active(_active) {
|
||||
var directionClass = 'md-has-toast-' + this.directionClass;
|
||||
var toastClass = 'md-has-toast';
|
||||
|
||||
if (_active) {
|
||||
document.body.classList.add(directionClass);
|
||||
document.body.classList.add(toastClass);
|
||||
} else {
|
||||
document.body.classList.remove(directionClass);
|
||||
document.body.classList.remove(toastClass);
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
removeElement: function removeElement() {
|
||||
if (document.body.contains(this.snackbarElement)) {
|
||||
var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
|
||||
|
||||
if (activeRipple) {
|
||||
activeRipple.classList.remove('md-active');
|
||||
}
|
||||
|
||||
document.body.removeChild(this.snackbarElement);
|
||||
}
|
||||
},
|
||||
open: function open() {
|
||||
if (_manager2.default.current) {
|
||||
_manager2.default.current.close();
|
||||
}
|
||||
|
||||
_manager2.default.current = this;
|
||||
document.body.appendChild(this.snackbarElement);
|
||||
window.getComputedStyle(this.$refs.container).backgroundColor;
|
||||
this.active = true;
|
||||
this.$emit('open');
|
||||
this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
|
||||
this.timeoutStartedAt = Date.now();
|
||||
},
|
||||
close: function close() {
|
||||
var _this = this;
|
||||
|
||||
if (this.$refs.container) {
|
||||
var removeElement = function removeElement() {
|
||||
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
|
||||
_this.removeElement();
|
||||
};
|
||||
|
||||
_manager2.default.current = null;
|
||||
this.active = false;
|
||||
this.$emit('close');
|
||||
this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
|
||||
this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
|
||||
window.clearTimeout(this.closeTimeout);
|
||||
this.pendingDuration = this.mdDuration;
|
||||
}
|
||||
},
|
||||
pauseTimeout: function pauseTimeout() {
|
||||
this.pendingDuration = this.pendingDuration - (Date.now() - this.timeoutStartedAt);
|
||||
this.timeoutStartedAt = 0;
|
||||
window.clearTimeout(this.closeTimeout);
|
||||
},
|
||||
resumeTimeout: function resumeTimeout() {
|
||||
this.timeoutStartedAt = Date.now();
|
||||
this.closeTimeout = window.setTimeout(this.close, this.pendingDuration);
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
var _this2 = this;
|
||||
|
||||
this.$nextTick((function () {
|
||||
_this2.snackbarElement = _this2.$el;
|
||||
_this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
|
||||
_this2.timeoutStartedAt = 0;
|
||||
_this2.pendingDuration = _this2.mdDuration;
|
||||
}));
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
window.clearTimeout(this.closeTimeout);
|
||||
this.removeElement();
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 262:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 286:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 349:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(262)
|
||||
}
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(179),
|
||||
/* template */
|
||||
__webpack_require__(440),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-b6cb8878", Component.options)
|
||||
} else {
|
||||
hotAPI.reload("data-v-b6cb8878", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 36:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var uniqueId = function uniqueId() {
|
||||
return Math.random().toString(36).slice(4);
|
||||
};
|
||||
|
||||
exports.default = uniqueId;
|
||||
module.exports = exports["default"];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 41:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
function transitionEndEventName() {
|
||||
var el = document.createElement('span');
|
||||
var transitions = {
|
||||
transition: 'transitionend',
|
||||
OTransition: 'oTransitionEnd',
|
||||
MozTransition: 'transitionend',
|
||||
WebkitTransition: 'webkitTransitionEnd'
|
||||
};
|
||||
|
||||
for (var transition in transitions) {
|
||||
if (el.style[transition] !== undefined) {
|
||||
return transitions[transition];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
exports.default = transitionEndEventName();
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 440:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-snackbar",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
attrs: {
|
||||
"id": _vm.snackbarId
|
||||
},
|
||||
on: {
|
||||
"mouseenter": _vm.pauseTimeout,
|
||||
"mouseleave": _vm.resumeTimeout
|
||||
}
|
||||
}, [_c('div', {
|
||||
ref: "container",
|
||||
staticClass: "md-snackbar-container"
|
||||
}, [_c('div', {
|
||||
staticClass: "md-snackbar-content"
|
||||
}, [_vm._t("default")], 2)])])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-b6cb8878", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 445:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = __WEBPACK_EXTERNAL_MODULE_445__;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 470:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
var _uniqueId = __webpack_require__(43);
|
||||
|
||||
module.exports = __webpack_require__(103);
|
||||
var _uniqueId2 = _interopRequireDefault(_uniqueId);
|
||||
|
||||
var _transitionEndEventName = __webpack_require__(38);
|
||||
|
||||
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
/***/ })
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
var _manager = __webpack_require__(94);
|
||||
|
||||
var _manager2 = _interopRequireDefault(_manager);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
id: [String, Number],
|
||||
mdPosition: {
|
||||
type: String,
|
||||
default: 'bottom center'
|
||||
},
|
||||
mdDuration: {
|
||||
type: [String, Number],
|
||||
default: 4000
|
||||
}
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
data: function data() {
|
||||
return {
|
||||
snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
|
||||
active: false,
|
||||
rootElement: {},
|
||||
snackbarElement: {},
|
||||
directionClass: null,
|
||||
closeTimeout: null
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
var cssClasses = {
|
||||
'md-active': this.active
|
||||
};
|
||||
|
||||
this.directionClass = this.mdPosition.replace(/ /g, '-');
|
||||
|
||||
cssClasses['md-position-' + this.directionClass] = true;
|
||||
|
||||
return cssClasses;
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
active: function active(_active) {
|
||||
var directionClass = 'md-has-toast-' + this.directionClass;
|
||||
var toastClass = 'md-has-toast';
|
||||
|
||||
if (_active) {
|
||||
document.body.classList.add(directionClass);
|
||||
document.body.classList.add(toastClass);
|
||||
} else {
|
||||
document.body.classList.remove(directionClass);
|
||||
document.body.classList.remove(toastClass);
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
removeElement: function removeElement() {
|
||||
if (this.rootElement.contains(this.snackbarElement)) {
|
||||
var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
|
||||
|
||||
if (activeRipple) {
|
||||
activeRipple.classList.remove('md-active');
|
||||
}
|
||||
|
||||
this.rootElement.removeChild(this.snackbarElement);
|
||||
}
|
||||
},
|
||||
open: function open() {
|
||||
if (_manager2.default.current) {
|
||||
_manager2.default.current.close();
|
||||
}
|
||||
|
||||
_manager2.default.current = this;
|
||||
this.rootElement.appendChild(this.snackbarElement);
|
||||
window.getComputedStyle(this.$refs.container).backgroundColor;
|
||||
this.active = true;
|
||||
this.$emit('open');
|
||||
this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
|
||||
},
|
||||
close: function close() {
|
||||
var _this = this;
|
||||
|
||||
if (this.$refs.container) {
|
||||
(function () {
|
||||
var removeElement = function removeElement() {
|
||||
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
|
||||
_this.removeElement();
|
||||
};
|
||||
|
||||
_manager2.default.current = null;
|
||||
_this.active = false;
|
||||
_this.$emit('close');
|
||||
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
|
||||
_this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
|
||||
window.clearTimeout(_this.closeTimeout);
|
||||
})();
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
var _this2 = this;
|
||||
|
||||
this.$nextTick((function () {
|
||||
_this2.rootElement = _this2.$root.$el;
|
||||
_this2.snackbarElement = _this2.$el;
|
||||
_this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
|
||||
}));
|
||||
},
|
||||
beforeDestroy: function beforeDestroy() {
|
||||
window.clearTimeout(this.closeTimeout);
|
||||
this.removeElement();
|
||||
}
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 216:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 240:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 293:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
var __vue_exports__, __vue_options__
|
||||
var __vue_styles__ = {}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(216)
|
||||
|
||||
/* script */
|
||||
__vue_exports__ = __webpack_require__(147)
|
||||
|
||||
/* template */
|
||||
var __vue_template__ = __webpack_require__(362)
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
|
||||
if (
|
||||
typeof __vue_exports__.default === "object" ||
|
||||
typeof __vue_exports__.default === "function"
|
||||
) {
|
||||
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
|
||||
__vue_options__ = __vue_exports__ = __vue_exports__.default
|
||||
}
|
||||
if (typeof __vue_options__ === "function") {
|
||||
__vue_options__ = __vue_options__.options
|
||||
}
|
||||
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
|
||||
__vue_options__.render = __vue_template__.render
|
||||
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
var hotAPI = require("vue-hot-reload-api")
|
||||
hotAPI.install(require("vue"), false)
|
||||
if (!hotAPI.compatible) return
|
||||
module.hot.accept()
|
||||
if (!module.hot.data) {
|
||||
hotAPI.createRecord("data-v-b540e066", __vue_options__)
|
||||
} else {
|
||||
hotAPI.reload("data-v-b540e066", __vue_options__)
|
||||
}
|
||||
})()}
|
||||
if (__vue_options__.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
|
||||
|
||||
module.exports = __vue_exports__
|
||||
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 362:
|
||||
/***/ function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('div', {
|
||||
staticClass: "md-snackbar",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
attrs: {
|
||||
"id": _vm.snackbarId
|
||||
}
|
||||
}, [_c('div', {
|
||||
ref: "container",
|
||||
staticClass: "md-snackbar-container"
|
||||
}, [_c('div', {
|
||||
staticClass: "md-snackbar-content"
|
||||
}, [_vm._t("default")], 2)])])
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-b540e066", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ },
|
||||
|
||||
/***/ 374:
|
||||
/***/ function(module, exports) {
|
||||
|
||||
module.exports = __WEBPACK_EXTERNAL_MODULE_374__;
|
||||
|
||||
/***/ }
|
||||
|
||||
/******/ })
|
||||
}));
|
||||
;
|
||||
10
dist/components/mdSnackbar/index.js
vendored
10
dist/components/mdSnackbar/index.js
vendored
File diff suppressed because one or more lines are too long
164
dist/components/mdSpeedDial/index.css
vendored
164
dist/components/mdSpeedDial/index.css
vendored
|
|
@ -1,164 +0,0 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-speed-dial {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-direction: column-reverse;
|
||||
flex-direction: column-reverse;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
.md-speed-dial.md-direction-top.md-mode-fling [md-fab-trigger] ~ .md-button {
|
||||
transform: scale(0.95) translate3D(0, 80%, 0);
|
||||
}
|
||||
.md-speed-dial.md-direction-top [md-fab-trigger] {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.md-speed-dial.md-direction-top [md-fab-trigger] ~ .md-button {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.md-speed-dial.md-direction-right {
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.md-speed-dial.md-direction-right.md-mode-fling [md-fab-trigger] ~ .md-button {
|
||||
transform: scale(0.95) translate3D(-80%, 0, 0);
|
||||
}
|
||||
.md-speed-dial.md-direction-right [md-fab-trigger] {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.md-speed-dial.md-direction-right [md-fab-trigger] ~ .md-button {
|
||||
margin-left: 16px;
|
||||
}
|
||||
.md-speed-dial.md-direction-bottom {
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.md-speed-dial.md-direction-bottom.md-mode-fling [md-fab-trigger] ~ .md-button {
|
||||
transform: scale(0.95) translate3D(0, -80%, 0);
|
||||
}
|
||||
.md-speed-dial.md-direction-bottom [md-fab-trigger] {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.md-speed-dial.md-direction-bottom [md-fab-trigger] ~ .md-button {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.md-speed-dial.md-direction-left {
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.md-speed-dial.md-direction-left.md-mode-fling [md-fab-trigger] ~ .md-button {
|
||||
transform: scale(0.95) translate3D(80%, 0, 0);
|
||||
}
|
||||
.md-speed-dial.md-direction-left [md-fab-trigger] {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.md-speed-dial.md-direction-left [md-fab-trigger] ~ .md-button {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.md-speed-dial.md-mode-scale [md-fab-trigger] ~ .md-button {
|
||||
transform: scale(0.6);
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
transform: translate3D(0, 0, 0) !important;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(2) {
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(3) {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(4) {
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(5) {
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(6) {
|
||||
transition-delay: 0.25s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(7) {
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(8) {
|
||||
transition-delay: 0.35s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(9) {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(10) {
|
||||
transition-delay: 0.45s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(11) {
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph] {
|
||||
transform: rotateZ(0);
|
||||
opacity: 1;
|
||||
}
|
||||
.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph] + .md-icon {
|
||||
transform: rotateZ(90deg) scale(0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
.md-speed-dial .md-button {
|
||||
margin: 0;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(2) {
|
||||
transition-delay: 0.05s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(3) {
|
||||
transition-delay: 0.1s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(4) {
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(5) {
|
||||
transition-delay: 0.2s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(6) {
|
||||
transition-delay: 0.25s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(7) {
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(8) {
|
||||
transition-delay: 0.35s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(9) {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(10) {
|
||||
transition-delay: 0.45s;
|
||||
}
|
||||
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(11) {
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
.md-speed-dial [md-icon-morph] + .md-icon,
|
||||
.md-speed-dial [md-icon-morph] {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-speed-dial [md-icon-morph] {
|
||||
opacity: 0;
|
||||
transform: rotateZ(-90deg) scale(0.8);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue