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.7.0" have entirely different histories.
5304 changed files with 25375 additions and 56367 deletions
4
.babelrc
4
.babelrc
|
|
@ -7,7 +7,7 @@
|
|||
"env",
|
||||
{
|
||||
"targets": {
|
||||
"browsers": ["last 3 versions", "not IE < 10"]
|
||||
"browsers": ["last 3 versions", "not IE < 11"]
|
||||
}
|
||||
}
|
||||
]
|
||||
|
|
@ -16,4 +16,4 @@
|
|||
"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
|
||||
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.
|
||||
24
README.md
24
README.md
|
|
@ -7,29 +7,13 @@
|
|||
<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://www.npmjs.com/package/vue-material"><img src="https://img.shields.io/npm/l/vue-material.svg" alt="License"></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://gitter.im/vuematerial"><img src="https://img.shields.io/gitter/room/vuematerial/home.svg" alt="Gitter Chat"></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.
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 840 B |
Binary file not shown.
|
Before Width: | Height: | Size: 842 B |
|
|
@ -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,6 +8,7 @@ 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, '..', '..');
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@ Object.keys(baseWebpackConfig.entry).forEach((name) => {
|
|||
});
|
||||
|
||||
export default merge(baseWebpackConfig, {
|
||||
devtool: '#cheap-module-eval-source-map',
|
||||
devtool: 'cheap-module-eval-source-map',
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@ 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';
|
||||
|
||||
|
|
@ -38,9 +36,8 @@ const conf = merge(baseConfig, {
|
|||
},
|
||||
postcss: [
|
||||
autoprefixer({
|
||||
browsers: ['last 3 versions', 'not IE < 10']
|
||||
}),
|
||||
mediaPacker()
|
||||
browsers: ['last 3 versions', 'not IE < 11']
|
||||
})
|
||||
]
|
||||
}
|
||||
},
|
||||
|
|
@ -67,16 +64,7 @@ const conf = merge(baseConfig, {
|
|||
}),
|
||||
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
|
||||
|
|
@ -142,9 +130,6 @@ const conf = merge(baseConfig, {
|
|||
new webpack.optimize.CommonsChunkPlugin({
|
||||
name: 'manifest',
|
||||
chunks: ['vendor']
|
||||
}),
|
||||
new OptimizeCssAssetsPlugin({
|
||||
canPrint: false
|
||||
})
|
||||
]
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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';
|
||||
|
||||
|
|
@ -55,9 +53,8 @@ export default merge(baseConfig, {
|
|||
},
|
||||
postcss: [
|
||||
autoprefixer({
|
||||
browsers: ['last 3 versions', 'not IE < 10']
|
||||
}),
|
||||
mediaPacker()
|
||||
browsers: ['last 3 versions', 'not IE < 11']
|
||||
})
|
||||
]
|
||||
}
|
||||
},
|
||||
|
|
@ -93,16 +90,7 @@ export default merge(baseConfig, {
|
|||
}),
|
||||
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
|
||||
|
|
@ -121,9 +109,6 @@ export default merge(baseConfig, {
|
|||
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>
|
||||
78
dist/components/mdAvatar/index.css
vendored
78
dist/components/mdAvatar/index.css
vendored
|
|
@ -1,72 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-avatar {
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
min-height: 40px;
|
||||
margin: auto;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
position: relative;
|
||||
border-radius: 40px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.md-avatar.md-large {
|
||||
width: 64px;
|
||||
min-width: 64px;
|
||||
height: 64px;
|
||||
min-height: 64px;
|
||||
border-radius: 64px;
|
||||
}
|
||||
.md-avatar.md-large .md-icon {
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
min-height: 40px;
|
||||
font-size: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.md-avatar.md-avatar-icon {
|
||||
background-color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-avatar.md-avatar-icon .md-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.md-avatar .md-icon {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
.md-avatar img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.md-avatar .md-ink-ripple {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.md-avatar .md-ink-ripple .md-ripple.md-active {
|
||||
animation-duration: .9s;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-top {
|
||||
margin-top: -8px;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-right {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-bottom {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.md-avatar-tooltip.md-tooltip-left {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{width:100%;height:100%;display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar-tooltip.md-tooltip-right{margin-left:8px}.md-avatar-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar-tooltip.md-tooltip-left{margin-left:-8px}
|
||||
181
dist/components/mdAvatar/index.debug.js
vendored
181
dist/components/mdAvatar/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 447);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 397);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 126:
|
||||
/***/ 131:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -247,7 +211,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-avatar',
|
||||
mixins: [_mixin2.default]
|
||||
}; //
|
||||
//
|
||||
|
|
@ -262,42 +225,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 246:
|
||||
/***/ 215:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 266:
|
||||
/***/ 233:
|
||||
/***/ (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:
|
||||
/***/ 260:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(246)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(215)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(126),
|
||||
__webpack_require__(131),
|
||||
/* template */
|
||||
__webpack_require__(412),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(364),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -311,9 +271,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-4fb5ecf8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -321,7 +278,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 412:
|
||||
/***/ 364:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -340,15 +297,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 447:
|
||||
/***/ 397:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(80);
|
||||
module.exports = __webpack_require__(90);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 80:
|
||||
/***/ 90:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -359,11 +316,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdAvatar = __webpack_require__(296);
|
||||
var _mdAvatar = __webpack_require__(260);
|
||||
|
||||
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
|
||||
|
||||
var _mdAvatar3 = __webpack_require__(266);
|
||||
var _mdAvatar3 = __webpack_require__(233);
|
||||
|
||||
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdAvatar/index.js
vendored
4
dist/components/mdAvatar/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},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=397)})({0:function(e,t){e.exports=function(e,t,r,n){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var d="function"==typeof a?a.options:a;if(t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns),r&&(d._scopeId=r),n){var c=d.computed||(d.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:a,options:d}}},1:function(e,t,r){"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},131:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t.default={mixins:[a.default]},e.exports=t.default},215:function(e,t){},233: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"},260:function(e,t,r){r(215);var n=r(0)(r(131),r(364),null,null);e.exports=n.exports},364: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:[]}},397:function(e,t,r){e.exports=r(90)},90:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",u.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=r(260),u=n(a),d=r(233),c=n(d);e.exports=t.default}})}));
|
||||
32
dist/components/mdBackdrop/index.css
vendored
32
dist/components/mdBackdrop/index.css
vendored
|
|
@ -1,26 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-backdrop {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
pointer-events: none;
|
||||
background-color: rgba(0, 0, 0, 0.54);
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 0;
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
}
|
||||
.md-backdrop.md-active {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.md-backdrop.md-transparent {
|
||||
background: rgba(0, 0, 0, 0.005);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-backdrop.md-active{opacity:1;pointer-events:auto}.md-backdrop.md-transparent{background:rgba(0,0,0,.005)}
|
||||
105
dist/components/mdBackdrop/index.debug.js
vendored
105
dist/components/mdBackdrop/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 448);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 398);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -176,7 +132,7 @@ module.exports = function normalizeComponent (
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 127:
|
||||
/***/ 132:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -193,7 +149,6 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-backdrop',
|
||||
methods: {
|
||||
close: function close() {
|
||||
this.$emit('close');
|
||||
|
|
@ -204,35 +159,32 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 264:
|
||||
/***/ 232:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 297:
|
||||
/***/ 261:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(264)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(232)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(127),
|
||||
__webpack_require__(132),
|
||||
/* template */
|
||||
__webpack_require__(443),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(393),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -246,9 +198,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-e09d01b8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -256,7 +205,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 443:
|
||||
/***/ 393:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -265,7 +214,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
on: {
|
||||
"click": _vm.close,
|
||||
"keyup": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
|
||||
if (_vm._k($event.keyCode, "esc", 27)) { return; }
|
||||
_vm.close($event)
|
||||
}
|
||||
}
|
||||
|
|
@ -281,15 +230,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 448:
|
||||
/***/ 398:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(81);
|
||||
module.exports = __webpack_require__(91);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 81:
|
||||
/***/ 91:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -300,7 +249,7 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdBackdrop = __webpack_require__(297);
|
||||
var _mdBackdrop = __webpack_require__(261);
|
||||
|
||||
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdBackdrop/index.js
vendored
4
dist/components/mdBackdrop/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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=398)})({0:function(e,t){e.exports=function(e,t,n,o){var r,u=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(r=e,u=e.default);var i="function"==typeof u?u.options:u;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),n&&(i._scopeId=n),o){var f=i.computed||(i.computed={});Object.keys(o).forEach((function(e){var t=o[e];f[e]=function(){return t}}))}return{esModule:r,exports:u,options:i}}},132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},232:function(e,t){},261:function(e,t,n){n(232);var o=n(0)(n(132),n(393),null,null);e.exports=o.exports},393: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){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}},398:function(e,t,n){e.exports=n(91)},91:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(261),c=o(u);e.exports=t.default}})}));
|
||||
103
dist/components/mdBottomBar/index.css
vendored
103
dist/components/mdBottomBar/index.css
vendored
|
|
@ -1,97 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-bottom-bar {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
height: 56px;
|
||||
position: relative;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-bottom-bar-item {
|
||||
max-width: 168px;
|
||||
min-width: 80px;
|
||||
height: 100%;
|
||||
padding: 8px 12px 10px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column nowrap;
|
||||
flex-flow: column nowrap;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: transparent;
|
||||
transform: translate3d(0, 0, 0);
|
||||
color: currentColor;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
line-height: 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.md-bottom-bar-item.md-active {
|
||||
padding-top: 6px;
|
||||
}
|
||||
.md-bottom-bar-item.md-active .md-text {
|
||||
transform: scale(1) translate3d(0, 0, 0);
|
||||
}
|
||||
.md-bottom-bar-item.md-active .md-text,
|
||||
.md-bottom-bar-item.md-active .md-icon {
|
||||
color: currentColor;
|
||||
}
|
||||
.md-bottom-bar-item[disabled] {
|
||||
opacity: .38;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item {
|
||||
min-width: 56px;
|
||||
max-width: 96px;
|
||||
position: static;
|
||||
-ms-flex: 1 1 32px;
|
||||
flex: 1 1 32px;
|
||||
transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: flex, min-width, max-width;
|
||||
transition-property: flex, min-width, max-width, -ms-flex;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon {
|
||||
transform: translate3d(0, 8px, 0);
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item .md-text {
|
||||
opacity: 0;
|
||||
transform: scale(1) translate3d(0, 6px, 0);
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {
|
||||
min-width: 96px;
|
||||
max-width: 168px;
|
||||
-ms-flex: 1 1 72px;
|
||||
flex: 1 1 72px;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
|
||||
opacity: 1;
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon {
|
||||
transform: scale(1) translate3d(0, 0, 0);
|
||||
}
|
||||
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
|
||||
transform: scale(1) translate3d(0, 2px, 0);
|
||||
}
|
||||
.md-bottom-bar-item .md-text {
|
||||
transform: scale(0.8571) translateY(2px);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear, opacity 0.15s linear;
|
||||
}
|
||||
.md-bottom-bar-item .md-icon {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em;text-decoration:none}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar-item[disabled]{opacity:.38}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}
|
||||
226
dist/components/mdBottomBar/index.debug.js
vendored
226
dist/components/mdBottomBar/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 449);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 399);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 128:
|
||||
/***/ 133:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -247,7 +211,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-bottom-bar',
|
||||
props: {
|
||||
mdShift: Boolean
|
||||
},
|
||||
|
|
@ -281,7 +244,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 129:
|
||||
/***/ 134:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -312,15 +275,16 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-bottom-bar-item',
|
||||
props: {
|
||||
mdIcon: String,
|
||||
mdIconSrc: String,
|
||||
mdIconset: String,
|
||||
mdActive: Boolean,
|
||||
disabled: Boolean,
|
||||
disabled: String,
|
||||
href: String
|
||||
},
|
||||
data: function data() {
|
||||
|
|
@ -342,14 +306,10 @@ exports.default = {
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
setActive: function setActive(active, $event) {
|
||||
setActive: function setActive(active) {
|
||||
if (active) {
|
||||
this.$parent.setActive(this);
|
||||
}
|
||||
|
||||
if ($event) {
|
||||
this.$emit('click', $event);
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
|
|
@ -368,42 +328,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 234:
|
||||
/***/ 205:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 267:
|
||||
/***/ 234:
|
||||
/***/ (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:
|
||||
/***/ 262:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(234)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(205)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(128),
|
||||
__webpack_require__(133),
|
||||
/* template */
|
||||
__webpack_require__(386),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(343),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -417,9 +374,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-197179a8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -427,24 +381,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 299:
|
||||
/***/ 263:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(129),
|
||||
__webpack_require__(134),
|
||||
/* template */
|
||||
__webpack_require__(388),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(345),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -458,9 +409,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-1b798f5b", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -468,7 +416,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 386:
|
||||
/***/ 343:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -487,7 +435,7 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 388:
|
||||
/***/ 345:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -499,13 +447,11 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.setActive(true, $event)
|
||||
}
|
||||
"click": _vm.setActive
|
||||
}
|
||||
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
|
||||
attrs: {
|
||||
"md-src": _vm.mdIconSrc,
|
||||
"md-icon-src": _vm.mdIconSrc,
|
||||
"md-iconset": _vm.mdIconset
|
||||
}
|
||||
}, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
|
||||
|
|
@ -522,9 +468,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
_vm.setActive(true, $event)
|
||||
}
|
||||
"click": _vm.setActive
|
||||
}
|
||||
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
|
||||
attrs: {
|
||||
|
|
@ -549,15 +493,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 449:
|
||||
/***/ 399:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(82);
|
||||
module.exports = __webpack_require__(92);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 82:
|
||||
/***/ 92:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -568,15 +512,15 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdBottomBar = __webpack_require__(298);
|
||||
var _mdBottomBar = __webpack_require__(262);
|
||||
|
||||
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
|
||||
|
||||
var _mdBottomBarItem = __webpack_require__(299);
|
||||
var _mdBottomBarItem = __webpack_require__(263);
|
||||
|
||||
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
|
||||
|
||||
var _mdBottomBar3 = __webpack_require__(267);
|
||||
var _mdBottomBar3 = __webpack_require__(234);
|
||||
|
||||
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdBottomBar/index.js
vendored
4
dist/components/mdBottomBar/index.js
vendored
File diff suppressed because one or more lines are too long
209
dist/components/mdButton/index.css
vendored
209
dist/components/mdButton/index.css
vendored
|
|
@ -1,203 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-button {
|
||||
min-width: 88px;
|
||||
min-height: 36px;
|
||||
margin: 6px 8px;
|
||||
padding: 0 16px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
background: none;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
color: currentColor;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-style: inherit;
|
||||
font-variant: inherit;
|
||||
font-weight: 500;
|
||||
letter-spacing: inherit;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-button:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-button::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
.md-button:hover:not([disabled]):not(.md-raised) {
|
||||
background-color: rgba(153, 153, 153, 0.2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.md-button:hover:not([disabled]).md-raised {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button:active:not([disabled]) {
|
||||
background-color: rgba(153, 153, 153, 0.4);
|
||||
}
|
||||
.md-button.md-raised:not([disabled]) {
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button.md-dense {
|
||||
min-height: 32px;
|
||||
line-height: 32px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
.md-button.md-icon-button {
|
||||
width: 40px;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 6px;
|
||||
padding: 8px;
|
||||
border-radius: 50%;
|
||||
line-height: 24px;
|
||||
}
|
||||
.md-button.md-icon-button:not([disabled]):hover {
|
||||
background: none;
|
||||
}
|
||||
.md-button.md-icon-button.md-dense {
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
min-height: 32px;
|
||||
padding: 4px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.md-button.md-icon-button .md-ink-ripple {
|
||||
border-radius: 50%;
|
||||
}
|
||||
.md-button.md-icon-button .md-ink-ripple .md-ripple {
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-button.md-icon-button .md-ripple.md-active {
|
||||
animation-duration: .9s;
|
||||
}
|
||||
.md-button.md-fab {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
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);
|
||||
border-radius: 56px;
|
||||
line-height: 56px;
|
||||
background-clip: padding-box;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: background-color, box-shadow, transform;
|
||||
}
|
||||
.md-button.md-fab:hover, .md-button.md-fab:focus {
|
||||
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button.md-fab.md-mini {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.md-button.md-fab .md-ink-ripple {
|
||||
border-radius: 56px;
|
||||
}
|
||||
.md-button[disabled] {
|
||||
color: rgba(0, 0, 0, 0.26);
|
||||
cursor: default;
|
||||
pointer-events: none;
|
||||
}
|
||||
.md-button[disabled].md-raised, .md-button[disabled].md-fab {
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-button[disabled].md-fab {
|
||||
box-shadow: none;
|
||||
}
|
||||
.md-button:after {
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-button .md-ink-ripple {
|
||||
border-radius: 2px;
|
||||
background-clip: padding-box;
|
||||
overflow: hidden;
|
||||
}
|
||||
.md-button.md-icon-button .md-icon,
|
||||
.md-button.md-fab .md-icon {
|
||||
display: block;
|
||||
}
|
||||
.md-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;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-right {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-bottom {
|
||||
margin-top: 8px;
|
||||
}
|
||||
.md-button-tooltip.md-tooltip-left {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{position:absolute;top:1px;right:0;bottom:0;left:0}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;padding:0;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default;pointer-events:none}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{display:block}.md-fab.md-fab-bottom-center,.md-fab.md-fab-bottom-left,.md-fab.md-fab-bottom-right,.md-fab.md-fab-top-center,.md-fab.md-fab-top-left,.md-fab.md-fab-top-right,.md-speed-dial.md-fab-bottom-center,.md-speed-dial.md-fab-bottom-left,.md-speed-dial.md-fab-bottom-right,.md-speed-dial.md-fab-top-center,.md-speed-dial.md-fab-top-left,.md-speed-dial.md-fab-top-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}.md-button-tooltip.md-tooltip-right{margin-left:8px}.md-button-tooltip.md-tooltip-bottom{margin-top:8px}.md-button-tooltip.md-tooltip-left{margin-left:-8px}
|
||||
215
dist/components/mdButton/index.debug.js
vendored
215
dist/components/mdButton/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 450);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 400);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 130:
|
||||
/***/ 135:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -247,7 +211,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-button',
|
||||
props: {
|
||||
href: String,
|
||||
target: String,
|
||||
|
|
@ -287,42 +250,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 254:
|
||||
/***/ 223:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 268:
|
||||
/***/ 235:
|
||||
/***/ (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:
|
||||
/***/ 264:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(254)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(223)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(130),
|
||||
__webpack_require__(135),
|
||||
/* template */
|
||||
__webpack_require__(430),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(381),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButton/mdButton.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -336,9 +296,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-6dc87da4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -346,11 +303,22 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 430:
|
||||
/***/ 381:
|
||||
/***/ (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', {
|
||||
return (!_vm.href) ? _c('button', {
|
||||
staticClass: "md-button",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
"type": _vm.type,
|
||||
"disabled": _vm.disabled
|
||||
}
|
||||
}, [_c('md-ink-ripple', {
|
||||
attrs: {
|
||||
"md-disabled": _vm.disabled
|
||||
}
|
||||
}), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
|
||||
staticClass: "md-button",
|
||||
class: [_vm.themeClass],
|
||||
attrs: {
|
||||
|
|
@ -358,27 +326,6 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
"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: {
|
||||
|
|
@ -396,15 +343,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 450:
|
||||
/***/ 400:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(83);
|
||||
module.exports = __webpack_require__(93);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 83:
|
||||
/***/ 93:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -415,11 +362,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdButton = __webpack_require__(300);
|
||||
var _mdButton = __webpack_require__(264);
|
||||
|
||||
var _mdButton2 = _interopRequireDefault(_mdButton);
|
||||
|
||||
var _mdButton3 = __webpack_require__(268);
|
||||
var _mdButton3 = __webpack_require__(235);
|
||||
|
||||
var _mdButton4 = _interopRequireDefault(_mdButton3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdButton/index.js
vendored
4
dist/components/mdButton/index.js
vendored
File diff suppressed because one or more lines are too long
43
dist/components/mdButtonToggle/index.css
vendored
43
dist/components/mdButtonToggle/index.css
vendored
|
|
@ -1,37 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-button-toggle {
|
||||
width: auto;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
.md-button-toggle > .md-button {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
border-width: 1px 0 1px 1px;
|
||||
border-radius: 0;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-button-toggle > .md-button:first-child {
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
.md-button-toggle > .md-button:last-child {
|
||||
border-right-width: 1px;
|
||||
border-radius: 0 2px 2px 0;
|
||||
}
|
||||
.md-button-toggle > .md-button:not([disabled]) {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) {
|
||||
background-color: rgba(153, 153, 153, 0.2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.md-button-toggle > .md-button .md-ink-ripple {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}
|
||||
181
dist/components/mdButtonToggle/index.debug.js
vendored
181
dist/components/mdButtonToggle/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 451);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 401);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 131:
|
||||
/***/ 136:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -256,7 +220,6 @@ var onClickButton = void 0; //
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-button-toggle',
|
||||
props: {
|
||||
mdSingle: Boolean
|
||||
},
|
||||
|
|
@ -299,42 +262,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 231:
|
||||
/***/ 202:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 269:
|
||||
/***/ 236:
|
||||
/***/ (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:
|
||||
/***/ 265:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(231)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(202)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(131),
|
||||
__webpack_require__(136),
|
||||
/* template */
|
||||
__webpack_require__(378),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(335),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -348,9 +308,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-0c5891b8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -358,7 +315,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 378:
|
||||
/***/ 335:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -377,15 +334,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 451:
|
||||
/***/ 401:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(84);
|
||||
module.exports = __webpack_require__(94);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 84:
|
||||
/***/ 94:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -396,11 +353,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdButtonToggle = __webpack_require__(301);
|
||||
var _mdButtonToggle = __webpack_require__(265);
|
||||
|
||||
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
|
||||
|
||||
var _mdButtonToggle3 = __webpack_require__(269);
|
||||
var _mdButtonToggle3 = __webpack_require__(236);
|
||||
|
||||
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdButtonToggle/index.js
vendored
4
dist/components/mdButtonToggle/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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=401)})({0:function(t,e){t.exports=function(t,e,o,n){var r,d=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(r=t,d=t.default);var u="function"==typeof d?d.options:d;if(e&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns),o&&(u._scopeId=o),n){var c=u.computed||(u.computed={});Object.keys(n).forEach((function(t){var e=n[t];c[t]=function(){return e}}))}return{esModule:r,exports:d,options:u}}},1:function(t,e,o){"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},136: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},202:function(t,e){},236: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'},265:function(t,e,o){o(202);var n=o(0)(o(136),o(335),null,null);t.exports=n.exports},335: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:[]}},401:function(t,e,o){t.exports=o(94)},94: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(265),l=n(d),u=o(236),c=n(u);t.exports=e.default}})}));
|
||||
310
dist/components/mdCard/index.css
vendored
310
dist/components/mdCard/index.css
vendored
File diff suppressed because one or more lines are too long
691
dist/components/mdCard/index.debug.js
vendored
691
dist/components/mdCard/index.debug.js
vendored
File diff suppressed because one or more lines are too long
4
dist/components/mdCard/index.js
vendored
4
dist/components/mdCard/index.js
vendored
File diff suppressed because one or more lines are too long
92
dist/components/mdCheckbox/index.css
vendored
92
dist/components/mdCheckbox/index.css
vendored
|
|
@ -1,86 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-checkbox {
|
||||
width: auto;
|
||||
margin: 16px 8px 16px 0;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-checkbox: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;
|
||||
border: 2px solid rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-checkbox .md-checkbox-container:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-checkbox .md-checkbox-container:before {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-checkbox .md-checkbox-container:after {
|
||||
width: 6px;
|
||||
height: 13px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 5px;
|
||||
border: 2px solid #fff;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
opacity: 0;
|
||||
transform: rotate(45deg) scale3D(0.15, 0.15, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-checkbox .md-checkbox-container input {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-checkbox .md-checkbox-container .md-ink-ripple {
|
||||
top: -16px;
|
||||
right: -16px;
|
||||
bottom: -16px;
|
||||
left: -16px;
|
||||
border-radius: 50%;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple {
|
||||
width: 48px !important;
|
||||
height: 48px !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-checkbox .md-checkbox-label {
|
||||
height: 20px;
|
||||
padding-left: 8px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.md-checkbox.md-checked .md-checkbox-container:after {
|
||||
opacity: 1;
|
||||
transform: rotate(45deg) scale3D(1, 1, 1);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
|
||||
189
dist/components/mdCheckbox/index.debug.js
vendored
189
dist/components/mdCheckbox/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 453);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 403);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 142:
|
||||
/***/ 143:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -247,7 +211,6 @@ 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],
|
||||
|
|
@ -257,7 +220,7 @@ exports.default = {
|
|||
mixins: [_mixin2.default],
|
||||
data: function data() {
|
||||
return {
|
||||
checked: this.value || false
|
||||
checked: this.value
|
||||
};
|
||||
},
|
||||
|
||||
|
|
@ -303,42 +266,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 257:
|
||||
/***/ 225:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 271:
|
||||
/***/ 238:
|
||||
/***/ (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:
|
||||
/***/ 276:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(257)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(225)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(142),
|
||||
__webpack_require__(143),
|
||||
/* template */
|
||||
__webpack_require__(436),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(386),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -352,9 +312,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-9f41cdf8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -362,7 +319,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 436:
|
||||
/***/ 386:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -400,12 +357,6 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
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: []}
|
||||
|
|
@ -419,15 +370,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 453:
|
||||
/***/ 403:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(86);
|
||||
module.exports = __webpack_require__(96);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 86:
|
||||
/***/ 96:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -438,11 +389,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdCheckbox = __webpack_require__(312);
|
||||
var _mdCheckbox = __webpack_require__(276);
|
||||
|
||||
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
|
||||
|
||||
var _mdCheckbox3 = __webpack_require__(271);
|
||||
var _mdCheckbox3 = __webpack_require__(238);
|
||||
|
||||
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdCheckbox/index.js
vendored
4
dist/components/mdCheckbox/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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 r=o[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,c){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:c})},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=403)})({0:function(e,t){e.exports=function(e,t,o,c){var r,n=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(r=e,n=e.default);var i="function"==typeof n?n.options:n;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),o&&(i._scopeId=o),c){var a=i.computed||(i.computed={});Object.keys(c).forEach((function(e){var t=c[e];a[e]=function(){return t}}))}return{esModule:r,exports:n,options:i}}},1:function(e,t,o){"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},143:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=c(r);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[n.default],data:function(){return{checked:this.value}},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},225:function(e,t){},238: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"},276:function(e,t,o){o(225);var c=o(0)(o(143),o(386),null,null);e.exports=c.exports},386: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}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},403:function(e,t,o){e.exports=o(96)},96:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var n=o(276),d=c(n),i=o(238),a=c(i);e.exports=t.default}})}));
|
||||
83
dist/components/mdChips/index.css
vendored
83
dist/components/mdChips/index.css
vendored
|
|
@ -1,77 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-chip {
|
||||
height: 32px;
|
||||
padding: 8px 12px;
|
||||
display: inline-block;
|
||||
border-radius: 32px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-chip.md-deletable {
|
||||
position: relative;
|
||||
padding-right: 32px;
|
||||
}
|
||||
.md-chip.md-editable .md-chip-container {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-chip:focus, .md-chip:active {
|
||||
outline: none;
|
||||
}
|
||||
.md-chip:focus:not(.md-disabled), .md-chip:active:not(.md-disabled) {
|
||||
cursor: pointer;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-chip.md-disabled .md-button {
|
||||
pointer-events: none;
|
||||
cursor: default;
|
||||
}
|
||||
.md-chip .md-button.md-delete {
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
min-height: 24px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
border-radius: 24px;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-chip .md-button.md-delete .md-icon {
|
||||
width: 20px;
|
||||
min-width: 20px;
|
||||
height: 20px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
.md-chip .md-button.md-delete .md-ink-ripple {
|
||||
border-radius: 32px;
|
||||
}
|
||||
.md-chip .md-button.md-delete .md-ripple {
|
||||
opacity: .54;
|
||||
}
|
||||
.md-chips {
|
||||
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;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-chip{height:32px;padding:8px 12px;display:inline-block;border-radius:32px;transition:all .4s cubic-bezier(.25,.8,.25,1);font-size:13px;line-height:16px;white-space:nowrap}.md-chip.md-deletable{position:relative;padding-right:32px}.md-chip:active,.md-chip:focus{outline:none}.md-chip:active:not(.md-disabled),.md-chip:focus:not(.md-disabled){cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-chip.md-disabled .md-button{pointer-events:none;cursor:default}.md-chip .md-button.md-delete{width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;position:absolute;top:4px;right:4px;border-radius:24px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-chip .md-button.md-delete .md-icon{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;font-size:20px}.md-chip .md-button.md-delete .md-ink-ripple{border-radius:32px}.md-chip .md-button.md-delete .md-ripple{opacity:.54}.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-input{width:128px;-ms-flex:1;flex:1}
|
||||
588
dist/components/mdChips/index.debug.js
vendored
588
dist/components/mdChips/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 454);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 404);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,106 +141,59 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 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 = {
|
||||
name: 'md-chip',
|
||||
props: {
|
||||
disabled: Boolean,
|
||||
mdDeletable: Boolean,
|
||||
mdEditable: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-deletable': this.mdDeletable,
|
||||
'md-disabled': this.disabled,
|
||||
'md-editable': this.mdEditable
|
||||
};
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 144:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
|
|
@ -299,7 +208,57 @@ var _mixin = __webpack_require__(1);
|
|||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
var _uniqueId = __webpack_require__(36);
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
props: {
|
||||
disabled: Boolean,
|
||||
mdDeletable: Boolean
|
||||
},
|
||||
mixins: [_mixin2.default],
|
||||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-deletable': this.mdDeletable,
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
}
|
||||
}; //
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 145:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _mixin = __webpack_require__(1);
|
||||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
var _uniqueId = __webpack_require__(48);
|
||||
|
||||
var _uniqueId2 = _interopRequireDefault(_uniqueId);
|
||||
|
||||
|
|
@ -336,20 +295,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-chips',
|
||||
props: {
|
||||
value: Array,
|
||||
disabled: Boolean,
|
||||
debounce: {
|
||||
type: Number,
|
||||
default: 1E2
|
||||
},
|
||||
mdInputId: String,
|
||||
mdInputName: String,
|
||||
mdInputPlaceholder: String,
|
||||
|
|
@ -381,8 +331,7 @@ exports.default = {
|
|||
classes: function classes() {
|
||||
return {
|
||||
'md-static': this.mdStatic,
|
||||
'md-disabled': this.disabled,
|
||||
'md-chips': true
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
},
|
||||
|
|
@ -417,17 +366,6 @@ exports.default = {
|
|||
this.$emit('change', this.selectedChips);
|
||||
this.applyInputFocus();
|
||||
},
|
||||
editChip: function editChip(chip) {
|
||||
var index = this.selectedChips.indexOf(chip);
|
||||
|
||||
if (index >= 0) {
|
||||
this.selectedChips.splice(index, 1);
|
||||
}
|
||||
|
||||
this.currentChip = chip;
|
||||
this.$emit('change', this.selectedChips);
|
||||
this.applyInputFocus();
|
||||
},
|
||||
deleteLastChip: function deleteLastChip() {
|
||||
if (!this.currentChip) {
|
||||
this.selectedChips.pop();
|
||||
|
|
@ -441,38 +379,35 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 250:
|
||||
/***/ 219:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 272:
|
||||
/***/ 239:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-chip {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME.md-chip.md-deletable:hover, .THEME_NAME.md-chip.md-deletable:focus, .THEME_NAME.md-chip.md-editable:hover, .THEME_NAME.md-chip.md-editable:focus {\n background-color: BACKGROUND-CONTRAST-0.54;\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip.md-deletable:hover .md-delete, .THEME_NAME.md-chip.md-deletable:focus .md-delete, .THEME_NAME.md-chip.md-editable:hover .md-delete, .THEME_NAME.md-chip.md-editable:focus .md-delete {\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip .md-delete {\n color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-chip .md-delete .md-ripple {\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip.md-primary {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-chip.md-accent {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-chip.md-warn {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n"
|
||||
module.exports = ".THEME_NAME.md-chip {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME.md-chip.md-deletable:hover, .THEME_NAME.md-chip.md-deletable:focus {\n background-color: BACKGROUND-CONTRAST-0.54;\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip.md-deletable:hover .md-delete, .THEME_NAME.md-chip.md-deletable:focus .md-delete {\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip .md-delete {\n color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-chip .md-delete .md-ripple {\n color: BACKGROUND-COLOR; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 313:
|
||||
/***/ 277:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(143),
|
||||
__webpack_require__(144),
|
||||
/* template */
|
||||
__webpack_require__(396),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(352),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdChips/mdChip.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdChips/mdChip.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdChip.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -486,9 +421,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-2c2a829d", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -496,28 +428,25 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 314:
|
||||
/***/ 278:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(250)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(219)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(144),
|
||||
__webpack_require__(145),
|
||||
/* template */
|
||||
__webpack_require__(418),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(369),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdChips/mdChips.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdChips/mdChips.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdChips.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -531,9 +460,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-5cd17226", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -541,7 +467,135 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 36:
|
||||
/***/ 352:
|
||||
/***/ (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-chip",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
attrs: {
|
||||
"tabindex": "0"
|
||||
}
|
||||
}, [_vm._t("default"), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
|
||||
staticClass: "md-icon-button md-dense md-delete",
|
||||
attrs: {
|
||||
"tabindex": "-1"
|
||||
},
|
||||
nativeOn: {
|
||||
"click": function($event) {
|
||||
!_vm.disabled && _vm.$emit('delete')
|
||||
},
|
||||
"keyup": function($event) {
|
||||
if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
|
||||
!_vm.disabled && _vm.$emit('delete')
|
||||
}
|
||||
}
|
||||
}, [_c('md-icon', {
|
||||
staticClass: "md-icon-delete"
|
||||
}, [_vm._v("cancel")])], 1) : _vm._e()], 2)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-2c2a829d", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 369:
|
||||
/***/ (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-chips",
|
||||
class: [_vm.themeClass, _vm.classes]
|
||||
}, [_c('md-input-container', {
|
||||
nativeOn: {
|
||||
"click": function($event) {
|
||||
_vm.applyInputFocus($event)
|
||||
}
|
||||
}
|
||||
}, [_vm._l((_vm.selectedChips), (function(chip) {
|
||||
return _c('md-chip', {
|
||||
attrs: {
|
||||
"md-deletable": !_vm.mdStatic,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"delete": function($event) {
|
||||
_vm.deleteChip(chip)
|
||||
}
|
||||
}
|
||||
}, [_vm._t("default", null, {
|
||||
value: chip
|
||||
})], 2)
|
||||
})), _vm._v(" "), _c('md-input', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (!_vm.mdStatic),
|
||||
expression: "!mdStatic"
|
||||
}, {
|
||||
name: "model",
|
||||
rawName: "v-model",
|
||||
value: (_vm.currentChip),
|
||||
expression: "currentChip"
|
||||
}],
|
||||
ref: "input",
|
||||
attrs: {
|
||||
"type": _vm.mdInputType,
|
||||
"placeholder": _vm.mdInputPlaceholder,
|
||||
"id": _vm.inputId,
|
||||
"name": _vm.mdInputName,
|
||||
"disabled": _vm.disabled,
|
||||
"tabindex": "0"
|
||||
},
|
||||
domProps: {
|
||||
"value": (_vm.currentChip)
|
||||
},
|
||||
on: {
|
||||
"input": function($event) {
|
||||
_vm.currentChip = $event
|
||||
}
|
||||
},
|
||||
nativeOn: {
|
||||
"keydown": [function($event) {
|
||||
if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
|
||||
_vm.deleteLastChip($event)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "enter", 13)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.addChip($event)
|
||||
}, function($event) {
|
||||
if ($event.keyCode !== 186) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.addChip($event)
|
||||
}]
|
||||
}
|
||||
})], 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-5cd17226", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 404:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(97);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 48:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -559,141 +613,7 @@ module.exports = exports["default"];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 396:
|
||||
/***/ (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-chip",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
attrs: {
|
||||
"tabindex": "0"
|
||||
}
|
||||
}, [_c('div', {
|
||||
staticClass: "md-chip-container",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
!_vm.disabled && _vm.mdEditable && _vm.$emit('edit')
|
||||
}
|
||||
}
|
||||
}, [_vm._t("default")], 2), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
|
||||
staticClass: "md-icon-button md-dense md-delete",
|
||||
attrs: {
|
||||
"tabindex": "-1"
|
||||
},
|
||||
on: {
|
||||
"click": function($event) {
|
||||
!_vm.disabled && _vm.$emit('delete')
|
||||
}
|
||||
},
|
||||
nativeOn: {
|
||||
"keyup": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "delete", [8, 46])) { return null; }
|
||||
!_vm.disabled && _vm.$emit('delete')
|
||||
}
|
||||
}
|
||||
}, [_c('md-icon', {
|
||||
staticClass: "md-icon-delete"
|
||||
}, [_vm._v("cancel")])], 1) : _vm._e()], 1)
|
||||
},staticRenderFns: []}
|
||||
module.exports.render._withStripped = true
|
||||
if (false) {
|
||||
module.hot.accept()
|
||||
if (module.hot.data) {
|
||||
require("vue-hot-reload-api").rerender("data-v-2c2a829d", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 418:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
return _c('md-input-container', {
|
||||
staticClass: "md-chips",
|
||||
class: [_vm.themeClass, _vm.classes],
|
||||
on: {
|
||||
"click": _vm.applyInputFocus
|
||||
}
|
||||
}, [_vm._l((_vm.selectedChips), (function(chip) {
|
||||
return _c('md-chip', {
|
||||
key: chip,
|
||||
attrs: {
|
||||
"md-editable": !_vm.mdStatic,
|
||||
"md-deletable": !_vm.mdStatic,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
"edit": function($event) {
|
||||
_vm.editChip(chip)
|
||||
},
|
||||
"delete": function($event) {
|
||||
_vm.deleteChip(chip)
|
||||
}
|
||||
}
|
||||
}, [_vm._t("chip", [_vm._v(_vm._s(chip))], {
|
||||
value: chip
|
||||
})], 2)
|
||||
})), _vm._v(" "), _c('md-input', {
|
||||
directives: [{
|
||||
name: "show",
|
||||
rawName: "v-show",
|
||||
value: (!_vm.mdStatic),
|
||||
expression: "!mdStatic"
|
||||
}],
|
||||
ref: "input",
|
||||
attrs: {
|
||||
"type": _vm.mdInputType,
|
||||
"placeholder": _vm.mdInputPlaceholder,
|
||||
"id": _vm.inputId,
|
||||
"name": _vm.mdInputName,
|
||||
"disabled": _vm.disabled,
|
||||
"tabindex": "0",
|
||||
"debounce": 0
|
||||
},
|
||||
nativeOn: {
|
||||
"keydown": [function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "delete", [8, 46])) { return null; }
|
||||
_vm.deleteLastChip($event)
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
|
||||
$event.preventDefault();
|
||||
_vm.addChip($event)
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && $event.keyCode !== 186) { return null; }
|
||||
$event.preventDefault();
|
||||
_vm.addChip($event)
|
||||
}]
|
||||
},
|
||||
model: {
|
||||
value: (_vm.currentChip),
|
||||
callback: function($$v) {
|
||||
_vm.currentChip = $$v
|
||||
},
|
||||
expression: "currentChip"
|
||||
}
|
||||
}), _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-5cd17226", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 454:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(87);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 87:
|
||||
/***/ 97:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -704,15 +624,15 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdChips = __webpack_require__(314);
|
||||
var _mdChips = __webpack_require__(278);
|
||||
|
||||
var _mdChips2 = _interopRequireDefault(_mdChips);
|
||||
|
||||
var _mdChip = __webpack_require__(313);
|
||||
var _mdChip = __webpack_require__(277);
|
||||
|
||||
var _mdChip2 = _interopRequireDefault(_mdChip);
|
||||
|
||||
var _mdChips3 = __webpack_require__(272);
|
||||
var _mdChips3 = __webpack_require__(239);
|
||||
|
||||
var _mdChips4 = _interopRequireDefault(_mdChips3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdChips/index.js
vendored
4
dist/components/mdChips/index.js
vendored
File diff suppressed because one or more lines are too long
284
dist/components/mdCore/index.css
vendored
284
dist/components/mdCore/index.css
vendored
|
|
@ -1,278 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-ink-ripple {
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
}
|
||||
.md-ripple {
|
||||
position: absolute;
|
||||
background-color: currentColor;
|
||||
border-radius: 50%;
|
||||
opacity: .2;
|
||||
transform: scale(0) translateZ(0);
|
||||
transition: none;
|
||||
will-change: background-color, opacity, transform, width, height, top, left;
|
||||
}
|
||||
.md-ripple.md-active {
|
||||
animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
|
||||
}
|
||||
.md-ripple.md-active.md-fadeout {
|
||||
opacity: 0 !important;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .6s;
|
||||
}
|
||||
@keyframes ripple {
|
||||
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*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;background-color:currentColor;border-radius:50%;opacity:.2;transform:scale(0) translateZ(0);transition:none;will-change:background-color,opacity,transform,width,height,top,left}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1) forwards}.md-ripple.md-active.md-fadeout{opacity:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.6s}@keyframes ripple{to{transform:scale(2.2) translateZ(0)}}html{height:100%;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-family:Roboto,Noto Sans,Noto,sans-serif}ul:not(.md-list)>li+li{margin-top:8px}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;font-style:italic;vertical-align:middle}audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),svg:not(.md-image),video:not(.md-image){height:auto}[tabindex="-1"]:focus{outline:none!important}.md-scrollbar::-webkit-scrollbar,.md-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:rgba(0,0,0,.05)}.md-scrollbar::-webkit-scrollbar:hover,.md-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.038);background-color:rgba(0,0,0,.087)}.md-scrollbar::-webkit-scrollbar-button,.md-scrollbar ::-webkit-scrollbar-button{display:none}.md-scrollbar::-webkit-scrollbar-corner,.md-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.md-scrollbar::-webkit-scrollbar-thumb,.md-scrollbar ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.26);box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.087);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-1,body{font-weight:400;line-height:20px}.md-body-1,.md-body-2,body{font-size:14px;letter-spacing:.01em}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}a:not(.md-button):not(.md-bottom-bar-item){text-decoration:none}a:not(.md-button):not(.md-bottom-bar-item):hover{text-decoration:underline}button:focus{outline:none}
|
||||
1210
dist/components/mdCore/index.debug.js
vendored
1210
dist/components/mdCore/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
4
dist/components/mdCore/index.js
vendored
4
dist/components/mdCore/index.js
vendored
File diff suppressed because one or more lines are too long
90
dist/components/mdDatePicker/index.debug.js
vendored
Normal file
90
dist/components/mdDatePicker/index.debug.js
vendored
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
(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 = 405);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ 405:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
(function webpackMissingModule() { throw new Error("Cannot find module \"./src/components/mdDatePicker\""); }());
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
}));
|
||||
6
dist/components/mdDatePicker/index.js
vendored
Normal file
6
dist/components/mdDatePicker/index.js
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* 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=405)})({405:function(e,t,n){!(function(){throw new Error('Cannot find module "./src/components/mdDatePicker"')})()}})}));
|
||||
125
dist/components/mdDialog/index.css
vendored
125
dist/components/mdDialog/index.css
vendored
|
|
@ -1,119 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-dialog-container {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
pointer-events: none;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 108;
|
||||
}
|
||||
.md-dialog-container.md-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.md-dialog-container.md-active .md-dialog {
|
||||
opacity: 1 !important;
|
||||
transform: scale(1) !important;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: opacity, transform;
|
||||
}
|
||||
.md-dialog-backdrop {
|
||||
position: fixed;
|
||||
z-index: 109;
|
||||
}
|
||||
.md-dialog {
|
||||
min-width: 280px;
|
||||
max-width: 80%;
|
||||
max-height: 80%;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-flow: column;
|
||||
flex-flow: column;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 110;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
opacity: 0;
|
||||
box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
|
||||
transform: scale(0.9, 0.85);
|
||||
transform-origin: center center;
|
||||
transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
will-change: opacity, transform;
|
||||
}
|
||||
.md-dialog.md-reference {
|
||||
transform-origin: top center;
|
||||
}
|
||||
.md-dialog.md-transition-off {
|
||||
transition: none !important;
|
||||
}
|
||||
.md-dialog p {
|
||||
margin: 0;
|
||||
}
|
||||
.md-dialog-title {
|
||||
margin-bottom: 20px;
|
||||
padding: 24px 24px 0;
|
||||
}
|
||||
.md-dialog-content {
|
||||
padding: 0 24px 24px;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
-ms-flex-preferred-size: auto;
|
||||
flex-basis: auto;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
}
|
||||
.md-dialog-content:first-child {
|
||||
padding-top: 24px;
|
||||
}
|
||||
.md-dialog-content p:first-child:not(:only-child) {
|
||||
margin-top: 0;
|
||||
}
|
||||
.md-dialog-content p:last-child:not(:only-child) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.md-dialog-body {
|
||||
margin: 0 -24px;
|
||||
padding: 0 24px;
|
||||
overflow: auto;
|
||||
}
|
||||
.md-dialog-actions {
|
||||
min-height: 52px;
|
||||
padding: 8px 8px 8px 24px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
position: relative;
|
||||
}
|
||||
.md-dialog-actions:before {
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
right: 0;
|
||||
left: 0;
|
||||
content: " ";
|
||||
}
|
||||
.md-dialog-actions .md-button {
|
||||
min-width: 64px;
|
||||
margin: 0;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.md-dialog-actions .md-button + .md-button {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:108}.md-dialog-container.md-active{pointer-events:auto}.md-dialog-container.md-active .md-dialog{opacity:1!important;transform:scale(1)!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform}.md-dialog-backdrop{position:fixed;z-index:109}.md-dialog{min-width:280px;max-width:80%;max-height:80%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;overflow:hidden;position:relative;z-index:110;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;position:relative;background:linear-gradient(180deg,#fff 0,#fff 1px,transparent 0),linear-gradient(0deg,#fff 0,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px,transparent 0);background-attachment:local,local,scroll,scroll}.md-dialog-content:first-child{padding-top:24px}.md-dialog-content p:first-child:not(:only-child){margin-top:0}.md-dialog-content p:last-child:not(:only-child){margin-bottom:0}.md-dialog-body{margin:0 -24px;padding:0 24px;overflow:auto}.md-dialog-actions{min-height:52px;padding:8px 8px 8px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:relative}.md-dialog-actions:before{height:1px;position:absolute;top:-1px;right:0;left:0;background-color:#fff;content:" "}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}
|
||||
455
dist/components/mdDialog/index.debug.js
vendored
455
dist/components/mdDialog/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 455);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 406);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 145:
|
||||
/***/ 146:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -244,7 +208,7 @@ var _mixin = __webpack_require__(1);
|
|||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
var _transitionEndEventName = __webpack_require__(41);
|
||||
var _transitionEndEventName = __webpack_require__(39);
|
||||
|
||||
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
|
||||
|
||||
|
|
@ -264,7 +228,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog',
|
||||
props: {
|
||||
mdClickOutsideToClose: {
|
||||
type: Boolean,
|
||||
|
|
@ -411,81 +374,12 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 146:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog-actions'
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 147:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog-content'
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 148:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog-title'
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 149:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
|
@ -504,7 +398,6 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog-alert',
|
||||
props: {
|
||||
mdTitle: String,
|
||||
mdContent: String,
|
||||
|
|
@ -546,7 +439,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 150:
|
||||
/***/ 148:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -571,7 +464,6 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog-confirm',
|
||||
props: {
|
||||
mdTitle: String,
|
||||
mdContent: String,
|
||||
|
|
@ -617,7 +509,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 151:
|
||||
/***/ 149:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -655,7 +547,6 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-dialog-prompt',
|
||||
props: {
|
||||
value: {
|
||||
type: [String, Number],
|
||||
|
|
@ -714,42 +605,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 239:
|
||||
/***/ 210:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 273:
|
||||
/***/ 240:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-dialog-container .md-dialog {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 315:
|
||||
/***/ 279:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(239)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(210)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(145),
|
||||
__webpack_require__(146),
|
||||
/* template */
|
||||
__webpack_require__(399),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(355),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialog.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialog.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialog.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -763,9 +651,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-341e9664", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -773,24 +658,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 316:
|
||||
/***/ 280:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(146),
|
||||
/* template */
|
||||
__webpack_require__(434),
|
||||
/* styles */
|
||||
null,
|
||||
/* template */
|
||||
__webpack_require__(385),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogActions.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialogActions.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialogActions.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -804,9 +686,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-89c748ae", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -814,24 +693,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 317:
|
||||
/***/ 281:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(147),
|
||||
/* template */
|
||||
__webpack_require__(404),
|
||||
/* styles */
|
||||
null,
|
||||
/* template */
|
||||
__webpack_require__(359),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogContent.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialogContent.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialogContent.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -845,9 +721,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-44792925", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -855,24 +728,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 318:
|
||||
/***/ 282:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(148),
|
||||
/* template */
|
||||
__webpack_require__(397),
|
||||
/* styles */
|
||||
null,
|
||||
/* template */
|
||||
__webpack_require__(353),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogTitle.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/mdDialogTitle.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialogTitle.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -886,9 +756,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-2ec2b6f8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -896,24 +763,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 319:
|
||||
/***/ 283:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(149),
|
||||
__webpack_require__(147),
|
||||
/* template */
|
||||
__webpack_require__(419),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(370),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogAlert.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/presets/mdDialogAlert.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialogAlert.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -927,9 +791,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-5d32a2a6", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -937,24 +798,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 320:
|
||||
/***/ 284:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(150),
|
||||
__webpack_require__(148),
|
||||
/* template */
|
||||
__webpack_require__(442),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(392),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogConfirm.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/presets/mdDialogConfirm.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialogConfirm.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -968,9 +826,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-c309205e", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -978,24 +833,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 321:
|
||||
/***/ 285:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(151),
|
||||
__webpack_require__(149),
|
||||
/* template */
|
||||
__webpack_require__(395),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(351),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogPrompt.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDialog/presets/mdDialogPrompt.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdDialogPrompt.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -1009,9 +861,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-288a5063", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -1019,7 +868,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 395:
|
||||
/***/ 351:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1046,7 +895,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
},
|
||||
nativeOn: {
|
||||
"keydown": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
|
||||
if (_vm._k($event.keyCode, "enter", 13)) { return; }
|
||||
_vm.confirmValue($event)
|
||||
}
|
||||
}
|
||||
|
|
@ -1074,7 +923,7 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 397:
|
||||
/***/ 353:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1092,7 +941,7 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 399:
|
||||
/***/ 355:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1104,7 +953,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
},
|
||||
on: {
|
||||
"keyup": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
|
||||
if (_vm._k($event.keyCode, "esc", 27)) { return; }
|
||||
$event.stopPropagation();
|
||||
_vm.closeOnEsc($event)
|
||||
}
|
||||
|
|
@ -1135,7 +984,7 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 404:
|
||||
/***/ 359:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1153,37 +1002,7 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 419:
|
||||
/***/ 370:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1218,7 +1037,7 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 434:
|
||||
/***/ 385:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1236,7 +1055,37 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 442:
|
||||
/***/ 39:
|
||||
/***/ (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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 392:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -1278,15 +1127,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 455:
|
||||
/***/ 406:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(88);
|
||||
module.exports = __webpack_require__(98);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 88:
|
||||
/***/ 98:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -1297,35 +1146,35 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdDialog = __webpack_require__(315);
|
||||
var _mdDialog = __webpack_require__(279);
|
||||
|
||||
var _mdDialog2 = _interopRequireDefault(_mdDialog);
|
||||
|
||||
var _mdDialogTitle = __webpack_require__(318);
|
||||
var _mdDialogTitle = __webpack_require__(282);
|
||||
|
||||
var _mdDialogTitle2 = _interopRequireDefault(_mdDialogTitle);
|
||||
|
||||
var _mdDialogContent = __webpack_require__(317);
|
||||
var _mdDialogContent = __webpack_require__(281);
|
||||
|
||||
var _mdDialogContent2 = _interopRequireDefault(_mdDialogContent);
|
||||
|
||||
var _mdDialogActions = __webpack_require__(316);
|
||||
var _mdDialogActions = __webpack_require__(280);
|
||||
|
||||
var _mdDialogActions2 = _interopRequireDefault(_mdDialogActions);
|
||||
|
||||
var _mdDialogAlert = __webpack_require__(319);
|
||||
var _mdDialogAlert = __webpack_require__(283);
|
||||
|
||||
var _mdDialogAlert2 = _interopRequireDefault(_mdDialogAlert);
|
||||
|
||||
var _mdDialogConfirm = __webpack_require__(320);
|
||||
var _mdDialogConfirm = __webpack_require__(284);
|
||||
|
||||
var _mdDialogConfirm2 = _interopRequireDefault(_mdDialogConfirm);
|
||||
|
||||
var _mdDialogPrompt = __webpack_require__(321);
|
||||
var _mdDialogPrompt = __webpack_require__(285);
|
||||
|
||||
var _mdDialogPrompt2 = _interopRequireDefault(_mdDialogPrompt);
|
||||
|
||||
var _mdDialog3 = __webpack_require__(273);
|
||||
var _mdDialog3 = __webpack_require__(240);
|
||||
|
||||
var _mdDialog4 = _interopRequireDefault(_mdDialog3);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdDialog/index.js
vendored
4
dist/components/mdDialog/index.js
vendored
File diff suppressed because one or more lines are too long
23
dist/components/mdDivider/index.css
vendored
23
dist/components/mdDivider/index.css
vendored
|
|
@ -1,17 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-divider {
|
||||
height: 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: block;
|
||||
border: 0;
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
.md-divider.md-inset {
|
||||
margin-left: 72px;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}
|
||||
123
dist/components/mdDivider/index.debug.js
vendored
123
dist/components/mdDivider/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 456);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 407);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -176,58 +132,32 @@ module.exports = function normalizeComponent (
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 152:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-divider'
|
||||
};
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 251:
|
||||
/***/ 220:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 322:
|
||||
/***/ 286:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(251)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(220)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(152),
|
||||
null,
|
||||
/* template */
|
||||
__webpack_require__(420),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(371),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -241,9 +171,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-5e9f054a", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -251,7 +178,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 420:
|
||||
/***/ 371:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -269,15 +196,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 456:
|
||||
/***/ 407:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(89);
|
||||
module.exports = __webpack_require__(99);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 89:
|
||||
/***/ 99:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -288,7 +215,7 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdDivider = __webpack_require__(322);
|
||||
var _mdDivider = __webpack_require__(286);
|
||||
|
||||
var _mdDivider2 = _interopRequireDefault(_mdDivider);
|
||||
|
||||
|
|
|
|||
4
dist/components/mdDivider/index.js
vendored
4
dist/components/mdDivider/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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=407)})({0:function(e,t){e.exports=function(e,t,n,r){var o,u=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,u=e.default);var c="function"==typeof u?u.options:u;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var f=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];f[e]=function(){return t}}))}return{esModule:o,exports:u,options:c}}},220:function(e,t){},286:function(e,t,n){n(220);var r=n(0)(null,n(371),null,null);e.exports=r.exports},371: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:[]}},407:function(e,t,n){e.exports=n(99)},99: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(286),i=r(u);e.exports=t.default}})}));
|
||||
31
dist/components/mdFile/index.css
vendored
31
dist/components/mdFile/index.css
vendored
|
|
@ -1,25 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-file {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
}
|
||||
.md-file input[type="file"] {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
clip: rect(0 0 0 0);
|
||||
border: 0;
|
||||
}
|
||||
.md-file .md-icon {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-file{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.md-file input[type=file]{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0}.md-file .md-icon{cursor:pointer}
|
||||
893
dist/components/mdFile/index.debug.js
vendored
893
dist/components/mdFile/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
4
dist/components/mdFile/index.js
vendored
4
dist/components/mdFile/index.js
vendored
File diff suppressed because one or more lines are too long
66
dist/components/mdIcon/index.css
vendored
66
dist/components/mdIcon/index.css
vendored
|
|
@ -1,60 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-icon {
|
||||
width: 24px;
|
||||
min-width: 24px;
|
||||
height: 24px;
|
||||
min-height: 24px;
|
||||
font-size: 24px;
|
||||
margin: auto;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
fill: currentColor;
|
||||
text-rendering: optimizeLegibility;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.md-icon.md-size-2x {
|
||||
width: 48px;
|
||||
min-width: 48px;
|
||||
height: 48px;
|
||||
min-height: 48px;
|
||||
font-size: 48px;
|
||||
}
|
||||
.md-icon.md-size-3x {
|
||||
width: 72px;
|
||||
min-width: 72px;
|
||||
height: 72px;
|
||||
min-height: 72px;
|
||||
font-size: 72px;
|
||||
}
|
||||
.md-icon.md-size-4x {
|
||||
width: 96px;
|
||||
min-width: 96px;
|
||||
height: 96px;
|
||||
min-height: 96px;
|
||||
font-size: 96px;
|
||||
}
|
||||
.md-icon.md-size-5x {
|
||||
width: 120px;
|
||||
min-width: 120px;
|
||||
height: 120px;
|
||||
min-height: 120px;
|
||||
font-size: 120px;
|
||||
}
|
||||
.md-icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
img.md-icon {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-user-drag: none;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;font-size:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;text-rendering:optimizeLegibility;vertical-align:middle}.md-icon.md-size-2x{width:48px;min-width:48px;height:48px;min-height:48px;font-size:48px}.md-icon.md-size-3x{width:72px;min-width:72px;height:72px;min-height:72px;font-size:72px}.md-icon.md-size-4x{width:96px;min-width:96px;height:96px;min-height:96px;font-size:96px}.md-icon.md-size-5x{width:120px;min-width:120px;height:120px;min-height:120px;font-size:120px}.md-icon svg{width:100%;height:100%}img.md-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}
|
||||
269
dist/components/mdIcon/index.debug.js
vendored
269
dist/components/mdIcon/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 458);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 409);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,90 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 154:
|
||||
/***/ 101:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdIcon = __webpack_require__(288);
|
||||
|
||||
var _mdIcon2 = _interopRequireDefault(_mdIcon);
|
||||
|
||||
var _mdIcon3 = __webpack_require__(242);
|
||||
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 151:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -260,7 +254,6 @@ var registeredIcons = {}; //
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-icon',
|
||||
props: {
|
||||
mdSrc: String,
|
||||
mdIconset: {
|
||||
|
|
@ -299,28 +292,32 @@ exports.default = {
|
|||
}));
|
||||
},
|
||||
loadSVG: function loadSVG() {
|
||||
var _this2 = this;
|
||||
|
||||
if (!registeredIcons[this.mdSrc]) {
|
||||
var request = new XMLHttpRequest();
|
||||
var self = this;
|
||||
(function () {
|
||||
var request = new XMLHttpRequest();
|
||||
var self = _this2;
|
||||
|
||||
request.open('GET', this.mdSrc, true);
|
||||
request.open('GET', _this2.mdSrc, true);
|
||||
|
||||
request.onload = function () {
|
||||
var mimetype = this.getResponseHeader('content-type');
|
||||
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);
|
||||
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 {
|
||||
self.loadImage();
|
||||
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
|
||||
}
|
||||
} else {
|
||||
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
request.send();
|
||||
request.send();
|
||||
})();
|
||||
} else {
|
||||
this.setSVGContent(registeredIcons[this.mdSrc]);
|
||||
}
|
||||
|
|
@ -346,42 +343,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 236:
|
||||
/***/ 207:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 275:
|
||||
/***/ 242:
|
||||
/***/ (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:
|
||||
/***/ 288:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(236)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(207)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(154),
|
||||
__webpack_require__(151),
|
||||
/* template */
|
||||
__webpack_require__(391),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(348),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdIcon/mdIcon.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -395,9 +389,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-2423dfc4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -405,7 +396,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 391:
|
||||
/***/ 348:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -439,42 +430,12 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 458:
|
||||
/***/ 409:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(91);
|
||||
module.exports = __webpack_require__(101);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 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'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdIcon/index.js
vendored
4
dist/components/mdIcon/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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 s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.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=409)})({0:function(e,t){e.exports=function(e,t,n,r){var s,o=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(s=e,o=e.default);var c="function"==typeof o?o.options:o;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var a=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];a[e]=function(){return t}}))}return{esModule:s,exports:o,options:c}}},1:function(e,t,n){"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},101:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-icon",i.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(288),i=r(o),c=n(242),a=r(c);e.exports=t.default},151:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s),i={};t.default={props:{mdSrc:String,mdIconset:{type:String,default:"material-icons"}},data:function(){return{svgContent:null,imageSrc:null}},mixins:[o.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;i[this.mdSrc]?this.setSVGContent(i[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)?(i[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},207:function(e,t){},242: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"},288:function(e,t,n){n(207);var r=n(0)(n(151),n(348),null,null);e.exports=r.exports},348: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:[]}},409:function(e,t,n){e.exports=n(101)}})}));
|
||||
29
dist/components/mdImage/index.css
vendored
29
dist/components/mdImage/index.css
vendored
|
|
@ -1,23 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-image {
|
||||
opacity: 0;
|
||||
-webkit-filter: saturate(20%);
|
||||
filter: saturate(20%);
|
||||
}
|
||||
.md-image.md-black-output {
|
||||
-webkit-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);
|
||||
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*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-image{opacity:0;-webkit-filter:saturate(20%);filter:saturate(20%)}.md-image.md-black-output{-webkit-filter:brightness(.4) saturate(20%);filter:brightness(.4) saturate(20%)}.md-image.md-loaded{opacity:1;-webkit-filter:saturate(100%);filter:saturate(100%);transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),-webkit-filter 2.2s cubic-bezier(.25,.8,.25,1) .3s;transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s;transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s,-webkit-filter 2.2s cubic-bezier(.25,.8,.25,1) .3s}
|
||||
181
dist/components/mdImage/index.debug.js
vendored
181
dist/components/mdImage/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 459);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 410);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -176,7 +132,37 @@ module.exports = function normalizeComponent (
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 155:
|
||||
/***/ 102:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdImage = __webpack_require__(289);
|
||||
|
||||
var _mdImage2 = _interopRequireDefault(_mdImage);
|
||||
|
||||
var _mdImage3 = __webpack_require__(243);
|
||||
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 152:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -186,14 +172,13 @@ Object.defineProperty(exports, "__esModule", {
|
|||
value: true
|
||||
});
|
||||
|
||||
var _getImageLightness = __webpack_require__(65);
|
||||
var _getImageLightness = __webpack_require__(58);
|
||||
|
||||
var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-image',
|
||||
props: {
|
||||
mdSrc: String
|
||||
},
|
||||
|
|
@ -221,10 +206,6 @@ exports.default = {
|
|||
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;
|
||||
|
|
@ -233,8 +214,10 @@ exports.default = {
|
|||
_this.applyBlack = true;
|
||||
}
|
||||
|
||||
_this.$nextTick(applyLoad);
|
||||
}), applyLoad);
|
||||
_this.$nextTick((function () {
|
||||
_this.loaded = true;
|
||||
}));
|
||||
}));
|
||||
},
|
||||
createImage: function createImage() {
|
||||
this.loaded = false;
|
||||
|
|
@ -263,42 +246,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 261:
|
||||
/***/ 229:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 276:
|
||||
/***/ 243:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ""
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 325:
|
||||
/***/ 289:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(261)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(229)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(155),
|
||||
__webpack_require__(152),
|
||||
/* template */
|
||||
__webpack_require__(439),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(389),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdImage/mdImage.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -312,9 +292,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-b0fc1ce4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -322,7 +299,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 439:
|
||||
/***/ 389:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -344,15 +321,15 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 459:
|
||||
/***/ 410:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(92);
|
||||
module.exports = __webpack_require__(102);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 65:
|
||||
/***/ 58:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -361,11 +338,9 @@ module.exports = __webpack_require__(92);
|
|||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
var getImageLightness = function getImageLightness(image, onLoad, onError) {
|
||||
var getImageLightness = function getImageLightness(image, onLoad) {
|
||||
var canvas = document.createElement('canvas');
|
||||
|
||||
image.crossOrigin = 'Anonymous';
|
||||
|
||||
image.onload = function () {
|
||||
var colorSum = 0;
|
||||
var ctx = void 0;
|
||||
|
|
@ -396,43 +371,11 @@ var getImageLightness = function getImageLightness(image, onLoad, onError) {
|
|||
|
||||
onLoad(Math.floor(colorSum / (this.width * this.height)));
|
||||
};
|
||||
|
||||
image.onerror = onError;
|
||||
};
|
||||
|
||||
exports.default = getImageLightness;
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 92:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
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'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdImage/index.js
vendored
4
dist/components/mdImage/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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=410)})({0:function(e,t){e.exports=function(e,t,n,o){var r,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(r=e,i=e.default);var u="function"==typeof i?i.options:i;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),o){var c=u.computed||(u.computed={});Object.keys(o).forEach((function(e){var t=o[e];c[e]=function(){return t}}))}return{esModule:r,exports:i,options:u}}},102:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-image",a.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(289),a=o(i),u=n(243),c=o(u);e.exports=t.default},152:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(58),i=o(r);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,i.default)(e,(function(e){var n=256,o=(100*Math.abs(n-e)/n+15)/100;o>=.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},229:function(e,t){},243:function(e,t){e.exports=""},289:function(e,t,n){n(229);var o=n(0)(n(152),n(389),null,null);e.exports=o.exports},389: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:[]}},410:function(e,t,n){e.exports=n(102)},58:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e,t){var n=document.createElement("canvas");e.onload=function(){var e=0,o=void 0,r=void 0,i=void 0,a=void 0,u=void 0,c=void 0,s=void 0;n.width=this.width,n.height=this.height,o=n.getContext("2d"),o.drawImage(this,0,0),r=o.getImageData(0,0,n.width,n.height),i=r.data;for(var d=0,l=i.length;d<l;d+=4)a=i[d],u=i[d+1],c=i[d+2],s=Math.floor((a+u+c)/3),e+=s;t(Math.floor(e/(this.width*this.height)))}};t.default=o,e.exports=t.default}})}));
|
||||
221
dist/components/mdInputContainer/index.css
vendored
221
dist/components/mdInputContainer/index.css
vendored
|
|
@ -1,215 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-input-container {
|
||||
width: 100%;
|
||||
min-height: 48px;
|
||||
margin: 4px 0 24px;
|
||||
padding-top: 16px;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-input-container:after {
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.12);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
content: " ";
|
||||
}
|
||||
.md-input-container label {
|
||||
position: absolute;
|
||||
top: 23px;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .3s;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.md-input-container input,
|
||||
.md-input-container textarea {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding: 0;
|
||||
display: block;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
border: none;
|
||||
background: none;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: font-size;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-family: inherit;
|
||||
font-size: 1px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.md-input-container input:focus,
|
||||
.md-input-container textarea:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-input-container input::-webkit-input-placeholder,
|
||||
.md-input-container textarea::-webkit-input-placeholder {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
font-size: 16px;
|
||||
text-shadow: none;
|
||||
-webkit-text-fill-color: initial;
|
||||
}
|
||||
.md-input-container input ~ .md-icon:not(.md-icon-delete),
|
||||
.md-input-container textarea ~ .md-icon:not(.md-icon-delete) {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.md-input-container input ~ .md-icon:not(.md-icon-delete):after,
|
||||
.md-input-container textarea ~ .md-icon:not(.md-icon-delete):after {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
.md-input-container textarea {
|
||||
min-height: 32px;
|
||||
max-height: 230px;
|
||||
padding: 5px 0;
|
||||
resize: none;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.md-input-container .md-error,
|
||||
.md-input-container .md-count {
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
bottom: -22px;
|
||||
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);
|
||||
}
|
||||
.md-input-container .md-count {
|
||||
right: 0;
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete) {
|
||||
margin: 4px auto;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete):after {
|
||||
width: 36px;
|
||||
height: 2px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
content: "";
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ label {
|
||||
left: 36px;
|
||||
}
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-input,
|
||||
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-textarea,
|
||||
.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;
|
||||
opacity: 0;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container.md-input-placeholder input,
|
||||
.md-input-container.md-input-placeholder textarea {
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-input-container.md-input-focused label, .md-input-container.md-has-value label {
|
||||
pointer-events: auto;
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
.md-input-container.md-input-focused input,
|
||||
.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input,
|
||||
.md-input-container.md-has-value textarea {
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-input-container.md-has-value input,
|
||||
.md-input-container.md-has-value textarea {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
.md-input-container.md-input-inline label {
|
||||
pointer-events: none;
|
||||
}
|
||||
.md-input-container.md-input-inline.md-input-focused label {
|
||||
top: 23px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.md-input-container.md-input-inline.md-has-value label {
|
||||
opacity: 0;
|
||||
}
|
||||
.md-input-container.md-input-disabled:after {
|
||||
background: bottom left repeat-x;
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
|
||||
background-size: 4px 1px;
|
||||
}
|
||||
.md-input-container.md-input-disabled label,
|
||||
.md-input-container.md-input-disabled input,
|
||||
.md-input-container.md-input-disabled textarea {
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-input-container.md-has-password.md-input-focused .md-toggle-password {
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-input-container.md-has-password .md-toggle-password {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: -2px;
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
}
|
||||
.md-input-container.md-has-password .md-toggle-password .md-ink-ripple {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
.md-input-container.md-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);
|
||||
}
|
||||
.md-input-container.md-input-required label:after {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: 0;
|
||||
transform: translateX(calc(100% + 2px));
|
||||
content: "*";
|
||||
font-size: 12px;
|
||||
line-height: 1em;
|
||||
vertical-align: top;
|
||||
}
|
||||
.md-input-container.md-has-select:hover .md-select:not(.md-disabled):after {
|
||||
color: rgba(0, 0, 0, 0.87);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-input-container{width:100%;min-height:48px;margin:4px 0 24px;padding-top:16px;display:-ms-flexbox;display:flex;position:relative}.md-input-container:after{height:1px;right:0;bottom:0;background-color:rgba(0,0,0,.12);content:" "}.md-input-container:after,.md-input-container label{position:absolute;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container label{top:23px;pointer-events:none;transition-duration:.3s;color:rgba(0,0,0,.54);font-size:16px;line-height:20px}.md-input-container input,.md-input-container textarea{width:100%;height:32px;padding:0;display:block;-ms-flex:1;flex:1;border:none;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:font-size;color:rgba(0,0,0,.54);font-family:inherit;font-size:1px;line-height:32px}.md-input-container input:focus,.md-input-container textarea:focus{outline:none}.md-input-container input::-webkit-input-placeholder,.md-input-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.54);font-size:16px;text-shadow:none;-webkit-text-fill-color:initial}.md-input-container input~.md-icon:not(.md-icon-delete),.md-input-container textarea~.md-icon:not(.md-icon-delete){margin-left:12px}.md-input-container input~.md-icon:not(.md-icon-delete):after,.md-input-container textarea~.md-icon:not(.md-icon-delete):after{right:0;left:auto}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;resize:none;line-height:1.3em}.md-input-container .md-count,.md-input-container .md-error{height:20px;position:absolute;bottom:-22px;font-size:12px}.md-input-container .md-error{display:block!important;left:0;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-input-container .md-count{right:0}.md-input-container .md-icon:not(.md-icon-delete){margin:4px auto;color:rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container .md-icon:not(.md-icon-delete):after{width:36px;height:2px;position:absolute;left:0;bottom:0;z-index:2;content:""}.md-input-container .md-icon:not(.md-icon-delete)~label{left:36px}.md-input-container .md-icon:not(.md-icon-delete)~.md-file,.md-input-container .md-icon:not(.md-icon-delete)~.md-input,.md-input-container .md-icon:not(.md-icon-delete)~.md-textarea{margin-left:12px}.md-input-container.md-input-placeholder label{pointer-events:auto;top:10px;opacity:0;font-size:12px}.md-input-container.md-input-placeholder input,.md-input-container.md-input-placeholder textarea{font-size:16px}.md-input-container.md-has-value label,.md-input-container.md-input-focused label{pointer-events:auto;top:0;opacity:1;font-size:12px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea,.md-input-container.md-input-focused input,.md-input-container.md-input-focused textarea{font-size:16px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea{color:rgba(0,0,0,.87)}.md-input-container.md-input-inline label{pointer-events:none}.md-input-container.md-input-inline.md-input-focused label{top:23px;font-size:16px}.md-input-container.md-input-inline.md-has-value label{opacity:0}.md-input-container.md-input-disabled:after{background:0 100% repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0);background-size:4px 1px}.md-input-container.md-input-disabled input,.md-input-container.md-input-disabled label,.md-input-container.md-input-disabled textarea{color:rgba(0,0,0,.38)}.md-input-container.md-has-password.md-input-focused .md-toggle-password{color:rgba(0,0,0,.54)}.md-input-container.md-has-password .md-toggle-password{margin:0;position:absolute;right:0;bottom:-2px;color:rgba(0,0,0,.38)}.md-input-container.md-has-password .md-toggle-password .md-ink-ripple{color:rgba(0,0,0,.87)}.md-input-container.md-input-invalid .md-error{opacity:1;transform:translateZ(0)}.md-input-container.md-input-required label:after{position:absolute;top:2px;right:0;transform:translateX(calc(100% + 2px));content:"*";font-size:12px;line-height:1em;vertical-align:top}.md-input-container.md-has-select:hover .md-select:not(.md-disabled):after{color:rgba(0,0,0,.87)}
|
||||
1479
dist/components/mdInputContainer/index.debug.js
vendored
1479
dist/components/mdInputContainer/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
4
dist/components/mdInputContainer/index.js
vendored
4
dist/components/mdInputContainer/index.js
vendored
File diff suppressed because one or more lines are too long
2218
dist/components/mdLayout/index.css
vendored
2218
dist/components/mdLayout/index.css
vendored
File diff suppressed because one or more lines are too long
165
dist/components/mdLayout/index.debug.js
vendored
165
dist/components/mdLayout/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 461);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 412);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -176,7 +132,31 @@ module.exports = function normalizeComponent (
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 160:
|
||||
/***/ 104:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdLayout = __webpack_require__(293);
|
||||
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 156:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -189,7 +169,6 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-layout',
|
||||
props: {
|
||||
mdTag: {
|
||||
type: String,
|
||||
|
|
@ -224,12 +203,6 @@ exports.default = {
|
|||
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],
|
||||
|
|
@ -294,7 +267,7 @@ exports.default = {
|
|||
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
|
||||
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
|
||||
|
||||
/* Horizontal Alignment */
|
||||
/* Alignment */
|
||||
this.generatePropClasses('md-align', '', 'mdAlign', classes);
|
||||
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
|
||||
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
|
||||
|
|
@ -302,14 +275,6 @@ exports.default = {
|
|||
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;
|
||||
}
|
||||
},
|
||||
|
|
@ -321,11 +286,7 @@ exports.default = {
|
|||
|
||||
if (this[name]) {
|
||||
if (typeof this[name] === 'boolean') {
|
||||
if (!this[name]) {
|
||||
object[prop + size + '-none'] = true;
|
||||
} else {
|
||||
object[prop + size] = true;
|
||||
}
|
||||
object[prop + size] = true;
|
||||
} else {
|
||||
object[prop + size + '-' + this[name]] = true;
|
||||
}
|
||||
|
|
@ -343,35 +304,32 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 259:
|
||||
/***/ 227:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 330:
|
||||
/***/ 293:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(259)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(227)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(160),
|
||||
__webpack_require__(156),
|
||||
/* template */
|
||||
null,
|
||||
/* styles */
|
||||
injectStyle,
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdLayout/mdLayout.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
|
||||
/* hot reload */
|
||||
if (false) {(function () {
|
||||
|
|
@ -384,9 +342,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-a85016b8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -394,36 +349,12 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 461:
|
||||
/***/ 412:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(94);
|
||||
module.exports = __webpack_require__(104);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 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'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdLayout/index.js
vendored
4
dist/components/mdLayout/index.js
vendored
File diff suppressed because one or more lines are too long
280
dist/components/mdList/index.css
vendored
280
dist/components/mdList/index.css
vendored
File diff suppressed because one or more lines are too long
3900
dist/components/mdList/index.debug.js
vendored
3900
dist/components/mdList/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
4
dist/components/mdList/index.js
vendored
4
dist/components/mdList/index.js
vendored
File diff suppressed because one or more lines are too long
117
dist/components/mdMenu/index.css
vendored
117
dist/components/mdMenu/index.css
vendored
|
|
@ -1,111 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-menu {
|
||||
display: inline-block;
|
||||
}
|
||||
.md-menu-content {
|
||||
width: 168px;
|
||||
min-width: 84px;
|
||||
max-width: 392px;
|
||||
min-height: 64px;
|
||||
max-height: calc(100vh - 32px);
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
z-index: 131;
|
||||
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);
|
||||
will-change: transform, opacity, width;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-right {
|
||||
margin-top: -20px;
|
||||
margin-left: -8px;
|
||||
transform-origin: top left;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-right.md-active {
|
||||
margin-top: -11px;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-left {
|
||||
margin-top: -20px;
|
||||
margin-left: 8px;
|
||||
transform-origin: top right;
|
||||
}
|
||||
.md-menu-content.md-direction-bottom-left.md-active {
|
||||
margin-top: -11px;
|
||||
}
|
||||
.md-menu-content.md-direction-top-right {
|
||||
margin-top: 20px;
|
||||
margin-left: -8px;
|
||||
transform-origin: bottom left;
|
||||
}
|
||||
.md-menu-content.md-direction-top-right.md-active {
|
||||
margin-top: 11px;
|
||||
}
|
||||
.md-menu-content.md-direction-top-left {
|
||||
margin-top: 20px;
|
||||
margin-left: 8px;
|
||||
transform-origin: bottom right;
|
||||
}
|
||||
.md-menu-content.md-direction-top-left.md-active {
|
||||
margin-top: 11px;
|
||||
}
|
||||
.md-menu-content.md-align-trigger {
|
||||
margin: 0;
|
||||
}
|
||||
.md-menu-content.md-size-1 {
|
||||
width: 84px;
|
||||
}
|
||||
.md-menu-content.md-size-2 {
|
||||
width: 112px;
|
||||
}
|
||||
.md-menu-content.md-size-3 {
|
||||
width: 168px;
|
||||
}
|
||||
.md-menu-content.md-size-4 {
|
||||
width: 224px;
|
||||
}
|
||||
.md-menu-content.md-size-5 {
|
||||
width: 280px;
|
||||
}
|
||||
.md-menu-content.md-size-6 {
|
||||
width: 336px;
|
||||
}
|
||||
.md-menu-content.md-size-7 {
|
||||
width: 392px;
|
||||
}
|
||||
.md-menu-content.md-active {
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
transform: scale(1) translateZ(0);
|
||||
transition: width 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);
|
||||
}
|
||||
.md-menu-content.md-active .md-list {
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s 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);
|
||||
}
|
||||
.md-menu-item {
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
.md-menu-item[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
.md-menu-item .md-list-item-holder {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.md-menu-backdrop {
|
||||
z-index: 130;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:131;transform:scale(.9,.85) translateZ(0);border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .3s cubic-bezier(.55,0,.55,.2),margin .3s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .4s;will-change:transform,opacity,width}.md-menu-content.md-direction-bottom-right{margin-top:-20px;margin-left:-8px;transform-origin:top left}.md-menu-content.md-direction-bottom-right.md-active{margin-top:-11px}.md-menu-content.md-direction-bottom-left{margin-top:-20px;margin-left:8px;transform-origin:top right}.md-menu-content.md-direction-bottom-left.md-active{margin-top:-11px}.md-menu-content.md-direction-top-right{margin-top:20px;margin-left:-8px;transform-origin:bottom left}.md-menu-content.md-direction-top-right.md-active{margin-top:11px}.md-menu-content.md-direction-top-left{margin-top:20px;margin-left:8px;transform-origin:bottom right}.md-menu-content.md-direction-top-left.md-active{margin-top:11px}.md-menu-content.md-align-trigger{margin:0}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;transform:scale(1) translateZ(0);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1)}.md-menu-content.md-active .md-list{opacity:1;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.md-menu-content .md-list{opacity:0;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item[disabled]{cursor:default}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}.md-menu-backdrop{z-index:130}
|
||||
349
dist/components/mdMenu/index.debug.js
vendored
349
dist/components/mdMenu/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 463);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 414);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -176,7 +132,47 @@ module.exports = function normalizeComponent (
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 10:
|
||||
/***/ 106:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdMenu = __webpack_require__(301);
|
||||
|
||||
var _mdMenu2 = _interopRequireDefault(_mdMenu);
|
||||
|
||||
var _mdMenuItem = __webpack_require__(303);
|
||||
|
||||
var _mdMenuItem2 = _interopRequireDefault(_mdMenuItem);
|
||||
|
||||
var _mdMenuContent = __webpack_require__(302);
|
||||
|
||||
var _mdMenuContent2 = _interopRequireDefault(_mdMenuContent);
|
||||
|
||||
var _mdMenu3 = __webpack_require__(246);
|
||||
|
||||
var _mdMenu4 = _interopRequireDefault(_mdMenu3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-menu', _mdMenu2.default);
|
||||
Vue.component('md-menu-item', _mdMenuItem2.default);
|
||||
Vue.component('md-menu-content', _mdMenuContent2.default);
|
||||
|
||||
Vue.material.styles.push(_mdMenu4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 12:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -206,7 +202,7 @@ module.exports = exports["default"];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 125:
|
||||
/***/ 129:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -260,7 +256,7 @@ module.exports = exports["default"];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 168:
|
||||
/***/ 163:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -270,11 +266,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
value: true
|
||||
});
|
||||
|
||||
var _transitionEndEventName = __webpack_require__(41);
|
||||
var _transitionEndEventName = __webpack_require__(39);
|
||||
|
||||
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
|
||||
|
||||
var _getInViewPosition = __webpack_require__(125);
|
||||
var _getInViewPosition = __webpack_require__(129);
|
||||
|
||||
var _getInViewPosition2 = _interopRequireDefault(_getInViewPosition);
|
||||
|
||||
|
|
@ -292,7 +288,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-menu',
|
||||
props: {
|
||||
mdSize: {
|
||||
type: [Number, String],
|
||||
|
|
@ -487,7 +482,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 169:
|
||||
/***/ 164:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -514,7 +509,6 @@ Object.defineProperty(exports, "__esModule", {
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-menu-content',
|
||||
data: function data() {
|
||||
return {
|
||||
oldHighlight: false,
|
||||
|
|
@ -549,13 +543,8 @@ exports.default = {
|
|||
},
|
||||
fireClick: function fireClick() {
|
||||
if (this.highlighted > 0) {
|
||||
this.getOptions()[this.highlighted - 1].$el.click();
|
||||
this.$children[0].$children[this.highlighted - 1].$el.click();
|
||||
}
|
||||
},
|
||||
getOptions: function getOptions() {
|
||||
return this.$children[0].$children.filter((function (child) {
|
||||
return child.$el.classList.contains('md-option');
|
||||
}));
|
||||
}
|
||||
},
|
||||
mounted: function mounted() {
|
||||
|
|
@ -570,7 +559,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 170:
|
||||
/***/ 165:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -580,11 +569,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
value: true
|
||||
});
|
||||
|
||||
var _getClosestVueParent = __webpack_require__(10);
|
||||
var _getClosestVueParent = __webpack_require__(12);
|
||||
|
||||
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
|
||||
|
||||
__webpack_require__(228);
|
||||
__webpack_require__(199);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
|
|
@ -598,14 +587,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-menu-item',
|
||||
props: {
|
||||
href: String,
|
||||
target: String,
|
||||
disabled: Boolean
|
||||
},
|
||||
data: function data() {
|
||||
|
|
@ -651,7 +635,6 @@ exports.default = {
|
|||
this.parentContent.close();
|
||||
}
|
||||
|
||||
this.$emit('click', $event);
|
||||
this.$emit('selected', $event);
|
||||
}
|
||||
}
|
||||
|
|
@ -674,7 +657,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 228:
|
||||
/***/ 199:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
if (!Element.prototype.scrollIntoViewIfNeeded) {
|
||||
|
|
@ -707,42 +690,39 @@ if (!Element.prototype.scrollIntoViewIfNeeded) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 263:
|
||||
/***/ 231:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 279:
|
||||
/***/ 246:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-menu-content .md-list {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n .THEME_NAME.md-menu-content .md-list .md-menu-item:hover .md-button:not([disabled]), .THEME_NAME.md-menu-content .md-list .md-menu-item:focus .md-button:not([disabled]), .THEME_NAME.md-menu-content .md-list .md-menu-item.md-highlighted .md-button:not([disabled]) {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME.md-menu-content .md-list .md-menu-item[disabled] {\n color: BACKGROUND-CONTRAST-0.38; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 338:
|
||||
/***/ 301:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(263)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(231)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(168),
|
||||
__webpack_require__(163),
|
||||
/* template */
|
||||
__webpack_require__(441),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(391),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdMenu/mdMenu.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdMenu/mdMenu.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdMenu.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -756,9 +736,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-c2b6ddf8", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -766,24 +743,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 339:
|
||||
/***/ 302:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(169),
|
||||
__webpack_require__(164),
|
||||
/* template */
|
||||
__webpack_require__(433),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(384),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdMenu/mdMenuContent.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdMenu/mdMenuContent.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdMenuContent.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -797,9 +771,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-863c0af6", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -807,24 +778,21 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 340:
|
||||
/***/ 303:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(170),
|
||||
__webpack_require__(165),
|
||||
/* template */
|
||||
__webpack_require__(385),
|
||||
/* styles */
|
||||
null,
|
||||
__webpack_require__(342),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdMenu/mdMenuItem.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdMenu/mdMenuItem.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdMenuItem.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -838,9 +806,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-185998b7", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -848,7 +813,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 385:
|
||||
/***/ 342:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -856,8 +821,6 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
staticClass: "md-menu-item",
|
||||
class: _vm.classes,
|
||||
attrs: {
|
||||
"href": _vm.href,
|
||||
"target": _vm.target,
|
||||
"disabled": _vm.disabled
|
||||
},
|
||||
on: {
|
||||
|
|
@ -875,7 +838,55 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 41:
|
||||
/***/ 384:
|
||||
/***/ (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-menu-content",
|
||||
attrs: {
|
||||
"tabindex": "-1"
|
||||
},
|
||||
on: {
|
||||
"keydown": [function($event) {
|
||||
if (_vm._k($event.keyCode, "esc", 27)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.close($event)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "tab", 9)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.close($event)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "up", 38)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.highlightItem('up')
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "down", 40)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.highlightItem('down')
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "enter", 13)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.fireClick($event)
|
||||
}, function($event) {
|
||||
if (_vm._k($event.keyCode, "space", 32)) { return; }
|
||||
$event.preventDefault();
|
||||
_vm.fireClick($event)
|
||||
}]
|
||||
}
|
||||
}, [_c('md-list', [_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-863c0af6", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 39:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -905,53 +916,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 433:
|
||||
/***/ (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-menu-content",
|
||||
attrs: {
|
||||
"tabindex": "-1"
|
||||
},
|
||||
on: {
|
||||
"keydown": [function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
|
||||
$event.preventDefault();
|
||||
_vm.close($event)
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "tab", 9)) { return null; }
|
||||
$event.preventDefault();
|
||||
_vm.close($event)
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "up", 38)) { return null; }
|
||||
$event.preventDefault();
|
||||
_vm.highlightItem('up')
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "down", 40)) { return null; }
|
||||
$event.preventDefault();
|
||||
_vm.highlightItem('down')
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
|
||||
_vm.fireClick($event)
|
||||
}, function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "space", 32)) { return null; }
|
||||
_vm.fireClick($event)
|
||||
}]
|
||||
}
|
||||
}, [_c('md-list', [_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-863c0af6", module.exports)
|
||||
}
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 441:
|
||||
/***/ 391:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -975,52 +940,12 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 463:
|
||||
/***/ 414:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(96);
|
||||
module.exports = __webpack_require__(106);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 96:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdMenu = __webpack_require__(338);
|
||||
|
||||
var _mdMenu2 = _interopRequireDefault(_mdMenu);
|
||||
|
||||
var _mdMenuItem = __webpack_require__(340);
|
||||
|
||||
var _mdMenuItem2 = _interopRequireDefault(_mdMenuItem);
|
||||
|
||||
var _mdMenuContent = __webpack_require__(339);
|
||||
|
||||
var _mdMenuContent2 = _interopRequireDefault(_mdMenuContent);
|
||||
|
||||
var _mdMenu3 = __webpack_require__(279);
|
||||
|
||||
var _mdMenu4 = _interopRequireDefault(_mdMenu3);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function install(Vue) {
|
||||
Vue.component('md-menu', _mdMenu2.default);
|
||||
Vue.component('md-menu-item', _mdMenuItem2.default);
|
||||
Vue.component('md-menu-content', _mdMenuContent2.default);
|
||||
|
||||
Vue.material.styles.push(_mdMenu4.default);
|
||||
}
|
||||
module.exports = exports['default'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdMenu/index.js
vendored
4
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
79
dist/components/mdProgress/index.css
vendored
79
dist/components/mdProgress/index.css
vendored
|
|
@ -1,73 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-progress {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track {
|
||||
right: 0;
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track:before, .md-progress.md-indeterminate .md-progress-track:after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
will-change: left, right;
|
||||
content: '';
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track:before {
|
||||
animation: progress-indeterminate 2.3s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
|
||||
}
|
||||
.md-progress.md-indeterminate .md-progress-track:after {
|
||||
animation: progress-indeterminate-short 2.3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
|
||||
animation-delay: 1.15s;
|
||||
}
|
||||
.md-progress.md-progress-enter, .md-progress.md-progress-leave-active {
|
||||
opacity: 0;
|
||||
transform: scaleY(0) translateZ(0);
|
||||
}
|
||||
.md-progress.md-progress-enter-active {
|
||||
transform: scaleY(1) translateZ(0);
|
||||
}
|
||||
.md-progress-track {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@keyframes progress-indeterminate {
|
||||
0% {
|
||||
right: 100%;
|
||||
left: -35%;
|
||||
}
|
||||
60% {
|
||||
right: -100%;
|
||||
left: 100%;
|
||||
}
|
||||
100% {
|
||||
right: -100%;
|
||||
left: 100%;
|
||||
}
|
||||
}
|
||||
@keyframes progress-indeterminate-short {
|
||||
0% {
|
||||
right: 100%;
|
||||
left: -200%;
|
||||
}
|
||||
60% {
|
||||
right: -8%;
|
||||
left: 107%;
|
||||
}
|
||||
100% {
|
||||
right: -8%;
|
||||
left: 107%;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-progress{width:100%;height:4px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-progress.md-indeterminate .md-progress-track{right:0}.md-progress.md-indeterminate .md-progress-track:after,.md-progress.md-indeterminate .md-progress-track:before{position:absolute;top:0;bottom:0;left:0;will-change:left,right;content:""}.md-progress.md-indeterminate .md-progress-track:before{animation:progress-indeterminate 2.3s cubic-bezier(.65,.815,.735,.395) infinite}.md-progress.md-indeterminate .md-progress-track:after{animation:progress-indeterminate-short 2.3s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}.md-progress.md-progress-enter,.md-progress.md-progress-leave-active{opacity:0;transform:scaleY(0) translateZ(0)}.md-progress.md-progress-enter-active{transform:scaleY(1) translateZ(0)}.md-progress-track{position:absolute;top:0;bottom:0;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes progress-indeterminate{0%{right:100%;left:-35%}60%{right:-100%;left:100%}to{right:-100%;left:100%}}@keyframes progress-indeterminate-short{0%{right:100%;left:-200%}60%{right:-8%;left:107%}to{right:-8%;left:107%}}
|
||||
235
dist/components/mdProgress/index.debug.js
vendored
235
dist/components/mdProgress/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 465);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 415);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,90 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 173:
|
||||
/***/ 107:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdProgress = __webpack_require__(304);
|
||||
|
||||
var _mdProgress2 = _interopRequireDefault(_mdProgress);
|
||||
|
||||
var _mdProgress3 = __webpack_require__(247);
|
||||
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 166:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -247,7 +241,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-progress',
|
||||
props: {
|
||||
mdIndeterminate: Boolean,
|
||||
mdProgress: {
|
||||
|
|
@ -285,42 +278,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 238:
|
||||
/***/ 209:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 281:
|
||||
/***/ 247:
|
||||
/***/ (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:
|
||||
/***/ 304:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(238)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(209)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(173),
|
||||
__webpack_require__(166),
|
||||
/* template */
|
||||
__webpack_require__(394),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(350),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdProgress/mdProgress.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -334,9 +324,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-2816f2c4", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -344,7 +331,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 394:
|
||||
/***/ 350:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -371,42 +358,12 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 465:
|
||||
/***/ 415:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(98);
|
||||
module.exports = __webpack_require__(107);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 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'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdProgress/index.js
vendored
4
dist/components/mdProgress/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},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=415)})({0:function(e,t){e.exports=function(e,t,r,n){var o,s=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(o=e,s=e.default);var a="function"==typeof s?s.options:s;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r),n){var c=a.computed||(a.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:s,options:a}}},1:function(e,t,r){"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},107:function(e,t,r){"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(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=r(304),d=n(s),a=r(247),c=n(a);e.exports=t.default},166:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),s=n(o);t.default={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=t.default},209:function(e,t){},247: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"},304:function(e,t,r){r(209);var n=r(0)(r(166),r(350),null,null);e.exports=n.exports},350: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:[]}},415:function(e,t,r){e.exports=r(107)}})}));
|
||||
86
dist/components/mdRadio/index.css
vendored
86
dist/components/mdRadio/index.css
vendored
|
|
@ -1,80 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-radio {
|
||||
width: auto;
|
||||
margin: 16px 8px 16px 0;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
}
|
||||
.md-radio:not(.md-disabled) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-radio:not(.md-disabled) .md-radio-label {
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-radio .md-radio-container {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
border: 2px solid rgba(0, 0, 0, 0.54);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-radio .md-radio-container: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;
|
||||
right: 3px;
|
||||
bottom: 3px;
|
||||
left: 3px;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
transform: scale3D(0.38, 0.38, 1);
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
content: " ";
|
||||
}
|
||||
.md-radio .md-radio-container input {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-radio .md-radio-container .md-ink-ripple {
|
||||
top: -16px;
|
||||
right: -16px;
|
||||
bottom: -16px;
|
||||
left: -16px;
|
||||
border-radius: 50%;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
.md-radio .md-radio-container .md-ink-ripple .md-ripple {
|
||||
width: 48px !important;
|
||||
height: 48px !important;
|
||||
top: 0 !important;
|
||||
right: 0 !important;
|
||||
bottom: 0 !important;
|
||||
left: 0 !important;
|
||||
}
|
||||
.md-radio .md-radio-label {
|
||||
height: 20px;
|
||||
padding-left: 8px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.md-radio.md-checked .md-radio-container:after {
|
||||
opacity: 1;
|
||||
transform: scale3D(1, 1, 1);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-radio{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-radio .md-radio-container{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-radio .md-radio-container:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;opacity:0;transform:scale3D(.38,.38,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-radio .md-radio-container input{position:absolute;left:-999em}.md-radio .md-radio-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-radio .md-radio-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-radio .md-radio-label{height:20px;padding-left:8px;line-height:20px}.md-radio.md-checked .md-radio-container:after{opacity:1;transform:scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
|
||||
245
dist/components/mdRadio/index.debug.js
vendored
245
dist/components/mdRadio/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 466);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 416);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,90 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 174:
|
||||
/***/ 108:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdRadio = __webpack_require__(305);
|
||||
|
||||
var _mdRadio2 = _interopRequireDefault(_mdRadio);
|
||||
|
||||
var _mdRadio3 = __webpack_require__(248);
|
||||
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 167:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -247,7 +241,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-radio',
|
||||
props: {
|
||||
name: String,
|
||||
id: String,
|
||||
|
|
@ -262,7 +255,7 @@ exports.default = {
|
|||
computed: {
|
||||
classes: function classes() {
|
||||
return {
|
||||
'md-checked': typeof this.value !== 'undefined' && this.value !== null && this.mdValue.toString() === this.value.toString(),
|
||||
'md-checked': typeof this.value !== 'undefined' && this.mdValue.toString() === this.value.toString(),
|
||||
'md-disabled': this.disabled
|
||||
};
|
||||
}
|
||||
|
|
@ -295,42 +288,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 230:
|
||||
/***/ 201:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 282:
|
||||
/***/ 248:
|
||||
/***/ (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:
|
||||
/***/ 305:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(230)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(201)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(174),
|
||||
__webpack_require__(167),
|
||||
/* template */
|
||||
__webpack_require__(375),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(332),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdRadio/mdRadio.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -344,9 +334,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-079386ce", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -354,7 +341,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 375:
|
||||
/***/ 332:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -364,10 +351,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
}, [_c('div', {
|
||||
staticClass: "md-radio-container",
|
||||
on: {
|
||||
"click": function($event) {
|
||||
$event.stopPropagation();
|
||||
_vm.toggleCheck($event)
|
||||
}
|
||||
"click": _vm.toggleCheck
|
||||
}
|
||||
}, [_c('input', {
|
||||
attrs: {
|
||||
|
|
@ -387,9 +371,6 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
staticClass: "md-radio-label",
|
||||
attrs: {
|
||||
"for": _vm.id || _vm.name
|
||||
},
|
||||
on: {
|
||||
"click": _vm.toggleCheck
|
||||
}
|
||||
}, [_vm._t("default")], 2) : _vm._e()])
|
||||
},staticRenderFns: []}
|
||||
|
|
@ -403,42 +384,12 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 466:
|
||||
/***/ 416:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(99);
|
||||
module.exports = __webpack_require__(108);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 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'];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdRadio/index.js
vendored
4
dist/components/mdRadio/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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}})}));
|
||||
!(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(d){if(r[d])return r[d].exports;var o=r[d]={i:d,l:!1,exports:{}};return e[d].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,d){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:d})},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=416)})({0:function(e,t){e.exports=function(e,t,r,d){var o,n=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,n=e.default);var a="function"==typeof n?n.options:n;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r),d){var s=a.computed||(a.computed={});Object.keys(d).forEach((function(e){var t=d[e];s[e]=function(){return t}}))}return{esModule:o,exports:n,options:a}}},1:function(e,t,r){"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},108:function(e,t,r){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",i.default),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=r(305),i=d(n),a=r(248),s=d(a);e.exports=t.default},167:function(e,t,r){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=d(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[n.default],computed:{classes:function(){return{"md-checked":"undefined"!=typeof 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},201:function(e,t){},248: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"},305:function(e,t,r){r(201);var d=r(0)(r(167),r(332),null,null);e.exports=d.exports},332: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:e.toggleCheck}},[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}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},416:function(e,t,r){e.exports=r(108)}})}));
|
||||
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
113
dist/components/mdSelect/index.css
vendored
113
dist/components/mdSelect/index.css
vendored
|
|
@ -1,107 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-select {
|
||||
width: 100%;
|
||||
min-width: 128px;
|
||||
height: 32px;
|
||||
position: relative;
|
||||
}
|
||||
.md-select:focus {
|
||||
outline: none;
|
||||
}
|
||||
.md-select:not(.md-select-icon):after {
|
||||
margin-top: 2px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%) scaleY(0.45) scaleX(0.85);
|
||||
transition: all 0.15s linear;
|
||||
content: "\25BC";
|
||||
}
|
||||
.md-select.md-active .md-select-menu {
|
||||
top: -8px;
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
transform: translateY(-8px) scale3D(1, 1, 1);
|
||||
transform-origin: center top;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-duration: .25s;
|
||||
transition-property: opacity, transform, top;
|
||||
}
|
||||
.md-select.md-active .md-select-menu > * {
|
||||
opacity: 1;
|
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
||||
transition-duration: .15s;
|
||||
transition-delay: .1s;
|
||||
}
|
||||
.md-select.md-disabled {
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
user-drag: none;
|
||||
}
|
||||
.md-select select {
|
||||
position: absolute;
|
||||
left: -999em;
|
||||
}
|
||||
.md-select .md-menu {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.md-select .md-select-value {
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
padding-right: 24px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
font-size: 16px;
|
||||
line-height: 33px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.md-select .md-subheader {
|
||||
color: rgba(117, 117, 117, 0.87);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.md-select .md-subheader:first-child {
|
||||
margin-top: -8px;
|
||||
}
|
||||
.md-select-content {
|
||||
width: auto;
|
||||
max-height: 256px;
|
||||
}
|
||||
.md-select-content.md-direction-bottom-right {
|
||||
margin-top: -15px;
|
||||
margin-left: -16px;
|
||||
}
|
||||
.md-select-content .md-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;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.md-select-content.md-multiple .md-checkbox {
|
||||
margin: 0;
|
||||
}
|
||||
.md-select-content.md-multiple .md-checkbox-label {
|
||||
padding-left: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .15s linear;content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select.md-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.md-select select{position:absolute;left:-999em}.md-select .md-menu,.md-select .md-select-value{width:100%;height:32px;display:block;position:relative}.md-select .md-select-value{padding-right:24px;cursor:pointer;overflow:hidden;z-index:2;font-size:16px;line-height:33px;text-overflow:ellipsis;white-space:nowrap}.md-select .md-subheader{color:hsla(0,0%,46%,.87);text-transform:uppercase}.md-select .md-subheader:first-child{margin-top:-8px}.md-select-content{width:auto;max-height:256px}.md-select-content.md-direction-bottom-right{margin-top:-15px;margin-left:-16px}.md-select-content .md-menu-item .md-list-item-holder{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}.md-select-content.md-multiple .md-checkbox{margin:0}.md-select-content.md-multiple .md-checkbox-label{padding-left:16px;cursor:pointer}
|
||||
1870
dist/components/mdSelect/index.debug.js
vendored
1870
dist/components/mdSelect/index.debug.js
vendored
File diff suppressed because it is too large
Load diff
4
dist/components/mdSelect/index.js
vendored
4
dist/components/mdSelect/index.js
vendored
File diff suppressed because one or more lines are too long
60
dist/components/mdSidenav/index.css
vendored
60
dist/components/mdSidenav/index.css
vendored
|
|
@ -1,54 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-sidenav.md-left .md-sidenav-content {
|
||||
left: 0;
|
||||
transform: translate3D(-100%, 0, 0);
|
||||
}
|
||||
.md-sidenav.md-right .md-sidenav-content {
|
||||
right: 0;
|
||||
transform: translate3D(100%, 0, 0);
|
||||
}
|
||||
.md-sidenav.md-fixed .md-sidenav-content,
|
||||
.md-sidenav.md-fixed .md-sidenav-backdrop {
|
||||
position: fixed;
|
||||
}
|
||||
.md-sidenav .md-sidenav-content {
|
||||
width: 304px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 100;
|
||||
pointer-events: none;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
transition-property: transform;
|
||||
will-change: transform;
|
||||
}
|
||||
.md-sidenav .md-backdrop {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 99;
|
||||
pointer-events: none;
|
||||
background-color: rgba(0, 0, 0, 0.54);
|
||||
opacity: 0;
|
||||
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
|
||||
transition-property: opacity;
|
||||
will-change: opacity;
|
||||
}
|
||||
.md-sidenav.md-active .md-sidenav-content {
|
||||
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
|
||||
pointer-events: auto;
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-sidenav.md-active .md-sidenav-backdrop {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3D(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3D(100%,0,0)}.md-sidenav.md-fixed .md-sidenav-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:100;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform;will-change:transform}.md-sidenav .md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:opacity;will-change:opacity}.md-sidenav.md-active .md-sidenav-content{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);pointer-events:auto;transform:translate3D(0,0,0)}.md-sidenav.md-active .md-sidenav-backdrop{opacity:1;pointer-events:auto}
|
||||
183
dist/components/mdSidenav/index.debug.js
vendored
183
dist/components/mdSidenav/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 469);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 418);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 102:
|
||||
/***/ 110:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -241,11 +205,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSidenav = __webpack_require__(348);
|
||||
var _mdSidenav = __webpack_require__(308);
|
||||
|
||||
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
|
||||
|
||||
var _mdSidenav3 = __webpack_require__(285);
|
||||
var _mdSidenav3 = __webpack_require__(250);
|
||||
|
||||
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
|
||||
|
||||
|
|
@ -260,7 +224,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 178:
|
||||
/***/ 170:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -277,7 +241,6 @@ 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
|
||||
|
|
@ -405,42 +368,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 249:
|
||||
/***/ 218:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 285:
|
||||
/***/ 250:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 348:
|
||||
/***/ 308:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(249)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(218)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(178),
|
||||
__webpack_require__(170),
|
||||
/* template */
|
||||
__webpack_require__(415),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(367),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -454,9 +414,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-52912130", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -464,7 +421,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 415:
|
||||
/***/ 367:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -476,7 +433,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
|
|||
},
|
||||
on: {
|
||||
"keyup": function($event) {
|
||||
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
|
||||
if (_vm._k($event.keyCode, "esc", 27)) { return; }
|
||||
_vm.close($event)
|
||||
}
|
||||
}
|
||||
|
|
@ -500,10 +457,10 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 469:
|
||||
/***/ 418:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(102);
|
||||
module.exports = __webpack_require__(110);
|
||||
|
||||
|
||||
/***/ })
|
||||
|
|
|
|||
4
dist/components/mdSidenav/index.js
vendored
4
dist/components/mdSidenav/index.js
vendored
File diff suppressed because one or more lines are too long
142
dist/components/mdSnackbar/index.css
vendored
142
dist/components/mdSnackbar/index.css
vendored
|
|
@ -1,136 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
/* Image aspect ratio calculator */
|
||||
/* Responsive breakpoints */
|
||||
.md-snackbar {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
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;
|
||||
}
|
||||
.md-snackbar.md-position-top-center, .md-snackbar.md-position-bottom-center {
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.md-snackbar.md-position-top-right, .md-snackbar.md-position-bottom-right {
|
||||
margin-right: 24px;
|
||||
-ms-flex-pack: end;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.md-snackbar.md-position-top-left, .md-snackbar.md-position-bottom-left {
|
||||
margin-left: 24px;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left, .md-snackbar.md-position-top-center {
|
||||
margin-top: 24px;
|
||||
}
|
||||
.md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.md-snackbar.md-position-top-center, .md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left {
|
||||
top: 0;
|
||||
}
|
||||
.md-snackbar.md-position-top-center .md-snackbar-container, .md-snackbar.md-position-top-right .md-snackbar-container, .md-snackbar.md-position-top-left .md-snackbar-container {
|
||||
transform: translate3D(0, calc(-100% - 24px), 0);
|
||||
}
|
||||
.md-snackbar.md-position-bottom-center, .md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
|
||||
bottom: 0;
|
||||
}
|
||||
.md-snackbar.md-position-bottom-center .md-snackbar-container, .md-snackbar.md-position-bottom-right .md-snackbar-container, .md-snackbar.md-position-bottom-left .md-snackbar-container {
|
||||
transform: translate3D(0, calc(100% + 24px), 0);
|
||||
}
|
||||
.md-snackbar.md-active .md-snackbar-container {
|
||||
transform: translate3D(0, 0, 0);
|
||||
}
|
||||
.md-snackbar.md-active .md-snackbar-content {
|
||||
opacity: 1;
|
||||
transition: opacity 0.4s 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-snackbar .md-snackbar-content {
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
will-change: opacity;
|
||||
}
|
||||
.md-snackbar .md-button {
|
||||
min-width: 64px;
|
||||
margin: -8px -16px;
|
||||
}
|
||||
.md-snackbar .md-button:last-child {
|
||||
margin-left: 48px;
|
||||
}
|
||||
.md-snackbar-container {
|
||||
width: auto;
|
||||
min-width: 288px;
|
||||
max-width: 568px;
|
||||
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;
|
||||
}
|
||||
.md-has-toast-top-right .md-fab.md-fab-top-right {
|
||||
transform: translate3D(0, 68px, 0);
|
||||
}
|
||||
.md-has-toast-top-center .md-fab.md-fab-top-center {
|
||||
transform: translate3D(-50%, 68px, 0);
|
||||
}
|
||||
.md-has-toast-top-left .md-fab.md-fab-top-left {
|
||||
transform: translate3D(0, 68px, 0);
|
||||
}
|
||||
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
|
||||
transform: translate3D(0, -68px, 0);
|
||||
}
|
||||
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
|
||||
transform: translate3D(-50%, -68px, 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);
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-snackbar{display:-ms-flexbox;display:flex;position:fixed;right:0;left:0;z-index:120;pointer-events:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:margin-top,margin-bottom}.md-snackbar.md-position-bottom-center,.md-snackbar.md-position-top-center{-ms-flex-pack:center;justify-content:center}.md-snackbar.md-position-bottom-right,.md-snackbar.md-position-top-right{margin-right:24px;-ms-flex-pack:end;justify-content:flex-end}.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-top-left{margin-left:24px;-ms-flex-pack:start;justify-content:flex-start}.md-snackbar.md-position-top-center,.md-snackbar.md-position-top-left,.md-snackbar.md-position-top-right{margin-top:24px}.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-bottom-right{margin-bottom:24px}.md-snackbar.md-position-top-center,.md-snackbar.md-position-top-left,.md-snackbar.md-position-top-right{top:0}.md-snackbar.md-position-top-center .md-snackbar-container,.md-snackbar.md-position-top-left .md-snackbar-container,.md-snackbar.md-position-top-right .md-snackbar-container{transform:translate3D(0,calc(-100% - 24px),0)}.md-snackbar.md-position-bottom-center,.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-bottom-right{bottom:0}.md-snackbar.md-position-bottom-center .md-snackbar-container,.md-snackbar.md-position-bottom-left .md-snackbar-container,.md-snackbar.md-position-bottom-right .md-snackbar-container{transform:translate3D(0,calc(100% + 24px),0)}.md-snackbar.md-active .md-snackbar-container{transform:translate3D(0,0,0)}.md-snackbar.md-active .md-snackbar-content{opacity:1;transition:opacity .4s cubic-bezier(.25,.8,.25,1) .1s}@media (max-width:600px){.md-snackbar{margin:0!important}}.md-snackbar .md-snackbar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1);will-change:opacity}.md-snackbar .md-button{min-width:64px;margin:-8px -16px}.md-snackbar .md-button:last-child{margin-left:48px}.md-snackbar-container{width:auto;min-width:288px;max-width:568px;min-height:48px;padding:14px 24px;overflow:hidden;pointer-events:auto;border-radius:2px;background-color:#323232;transition:all .4s cubic-bezier(.25,.8,.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-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-center,.md-has-toast .md-fab.md-fab-top-left,.md-has-toast .md-fab.md-fab-top-right{transform:translate3D(0,44px,0)}}@media (max-width:600px){.md-has-toast .md-fab.md-fab-bottom-center,.md-has-toast .md-fab.md-fab-bottom-left,.md-has-toast .md-fab.md-fab-bottom-right{transform:translate3D(0,-44px,0)}}
|
||||
259
dist/components/mdSnackbar/index.debug.js
vendored
259
dist/components/mdSnackbar/index.debug.js
vendored
|
|
@ -7,7 +7,7 @@
|
|||
exports["VueMaterial"] = factory(require("vue"));
|
||||
else
|
||||
root["VueMaterial"] = factory(root["Vue"]);
|
||||
})(this, (function(__WEBPACK_EXTERNAL_MODULE_445__) {
|
||||
})(this, (function(__WEBPACK_EXTERNAL_MODULE_395__) {
|
||||
return /******/ (function(modules) { // webpackBootstrap
|
||||
/******/ // The module cache
|
||||
/******/ var installedModules = {};
|
||||
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 470);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 419);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 103:
|
||||
/***/ 111:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -241,11 +205,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSnackbar = __webpack_require__(349);
|
||||
var _mdSnackbar = __webpack_require__(309);
|
||||
|
||||
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
|
||||
|
||||
var _mdSnackbar3 = __webpack_require__(286);
|
||||
var _mdSnackbar3 = __webpack_require__(251);
|
||||
|
||||
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
|
||||
|
||||
|
|
@ -260,7 +224,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 117:
|
||||
/***/ 124:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -270,7 +234,7 @@ Object.defineProperty(exports, "__esModule", {
|
|||
value: true
|
||||
});
|
||||
|
||||
var _vue = __webpack_require__(445);
|
||||
var _vue = __webpack_require__(395);
|
||||
|
||||
var _vue2 = _interopRequireDefault(_vue);
|
||||
|
||||
|
|
@ -289,7 +253,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 179:
|
||||
/***/ 171:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -299,11 +263,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
value: true
|
||||
});
|
||||
|
||||
var _uniqueId = __webpack_require__(36);
|
||||
var _uniqueId = __webpack_require__(48);
|
||||
|
||||
var _uniqueId2 = _interopRequireDefault(_uniqueId);
|
||||
|
||||
var _transitionEndEventName = __webpack_require__(41);
|
||||
var _transitionEndEventName = __webpack_require__(39);
|
||||
|
||||
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
|
||||
|
||||
|
|
@ -311,7 +275,7 @@ var _mixin = __webpack_require__(1);
|
|||
|
||||
var _mixin2 = _interopRequireDefault(_mixin);
|
||||
|
||||
var _manager = __webpack_require__(117);
|
||||
var _manager = __webpack_require__(124);
|
||||
|
||||
var _manager2 = _interopRequireDefault(_manager);
|
||||
|
||||
|
|
@ -331,7 +295,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|||
//
|
||||
|
||||
exports.default = {
|
||||
name: 'md-snackbar',
|
||||
props: {
|
||||
id: [String, Number],
|
||||
mdPosition: {
|
||||
|
|
@ -411,18 +374,20 @@ exports.default = {
|
|||
var _this = this;
|
||||
|
||||
if (this.$refs.container) {
|
||||
var removeElement = function removeElement() {
|
||||
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
|
||||
_this.removeElement();
|
||||
};
|
||||
(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);
|
||||
this.pendingDuration = this.mdDuration;
|
||||
_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() {
|
||||
|
|
@ -454,42 +419,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 262:
|
||||
/***/ 230:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 286:
|
||||
/***/ 251:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 349:
|
||||
/***/ 309:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(262)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(230)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(179),
|
||||
__webpack_require__(171),
|
||||
/* template */
|
||||
__webpack_require__(440),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(390),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {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 */
|
||||
|
|
@ -503,9 +465,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-b6cb8878", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -513,25 +472,7 @@ 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:
|
||||
/***/ 39:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -561,7 +502,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 440:
|
||||
/***/ 390:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -592,19 +533,37 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 445:
|
||||
/***/ 395:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = __WEBPACK_EXTERNAL_MODULE_445__;
|
||||
module.exports = __WEBPACK_EXTERNAL_MODULE_395__;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 470:
|
||||
/***/ 419:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(103);
|
||||
module.exports = __webpack_require__(111);
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 48:
|
||||
/***/ (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"];
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
|
|
|
|||
4
dist/components/mdSnackbar/index.js
vendored
4
dist/components/mdSnackbar/index.js
vendored
File diff suppressed because one or more lines are too long
170
dist/components/mdSpeedDial/index.css
vendored
170
dist/components/mdSpeedDial/index.css
vendored
|
|
@ -1,164 +1,6 @@
|
|||
/* 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*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.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(.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(.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(.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(.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(.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:.05s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(3){transition-delay:.1s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(4){transition-delay:.15s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(5){transition-delay:.2s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(6){transition-delay:.25s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(7){transition-delay:.3s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(8){transition-delay:.35s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(9){transition-delay:.4s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(10){transition-delay:.45s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(11){transition-delay:.5s}.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph]{transform:rotate(0);opacity:1}.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph]+.md-icon{transform:rotate(90deg) scale(.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 .4s cubic-bezier(.25,.8,.25,1)}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(2){transition-delay:.05s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(3){transition-delay:.1s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(4){transition-delay:.15s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(5){transition-delay:.2s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(6){transition-delay:.25s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(7){transition-delay:.3s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(8){transition-delay:.35s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(9){transition-delay:.4s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(10){transition-delay:.45s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(11){transition-delay:.5s}.md-speed-dial [md-icon-morph],.md-speed-dial [md-icon-morph]+.md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-speed-dial [md-icon-morph]{opacity:0;transform:rotate(-90deg) scale(.8)}
|
||||
183
dist/components/mdSpeedDial/index.debug.js
vendored
183
dist/components/mdSpeedDial/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 471);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 420);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 104:
|
||||
/***/ 112:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -241,11 +205,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSpeedDial = __webpack_require__(350);
|
||||
var _mdSpeedDial = __webpack_require__(310);
|
||||
|
||||
var _mdSpeedDial2 = _interopRequireDefault(_mdSpeedDial);
|
||||
|
||||
var _mdSpeedDial3 = __webpack_require__(287);
|
||||
var _mdSpeedDial3 = __webpack_require__(252);
|
||||
|
||||
var _mdSpeedDial4 = _interopRequireDefault(_mdSpeedDial3);
|
||||
|
||||
|
|
@ -260,7 +224,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 180:
|
||||
/***/ 172:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -277,7 +241,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-speed-dial',
|
||||
props: {
|
||||
mdOpen: {
|
||||
type: String,
|
||||
|
|
@ -338,7 +301,7 @@ exports.default = {
|
|||
_this2.fabTrigger.addEventListener('click', _this2.toggleSpeedDial);
|
||||
} else {
|
||||
_this2.$el.addEventListener('mouseenter', _this2.toggleSpeedDial);
|
||||
_this2.$el.addEventListener('mouseleave', _this2.closeSpeedDial);
|
||||
_this2.$el.addEventListener('mouseleave', _this2.toggleSpeedDial);
|
||||
}
|
||||
}));
|
||||
},
|
||||
|
|
@ -359,42 +322,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 247:
|
||||
/***/ 216:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 287:
|
||||
/***/ 252:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ""
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 350:
|
||||
/***/ 310:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(247)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(216)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(180),
|
||||
__webpack_require__(172),
|
||||
/* template */
|
||||
__webpack_require__(413),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(365),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSpeedDial/mdSpeedDial.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSpeedDial/mdSpeedDial.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdSpeedDial.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -408,9 +368,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-50d48906", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -418,7 +375,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 413:
|
||||
/***/ 365:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -437,10 +394,10 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 471:
|
||||
/***/ 420:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(104);
|
||||
module.exports = __webpack_require__(112);
|
||||
|
||||
|
||||
/***/ })
|
||||
|
|
|
|||
4
dist/components/mdSpeedDial/index.js
vendored
4
dist/components/mdSpeedDial/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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 i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.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=470)})({0:function(e,t){e.exports=function(e,t,n,r,i){var o,s=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=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 d;if(i?(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(i)},a._ssrRegister=d):n&&(d=n),d){var c=a.functional,l=c?a.render:a.beforeCreate;c?a.render=function(e,t){return d.call(t),l(e,t)}:a.beforeCreate=l?[].concat(l,d):[d]}return{esModule:o,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},104:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-speed-dial",s.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(349),s=r(o),u=n(286),a=r(u);e.exports=t.default},180:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i);t.default={name:"md-speed-dial",props:{mdOpen:{type:String,default:"click"},mdMode:{type:String,default:"fling"},mdDirection:{type:String,default:"top"}},mixins:[o.default],data:function(){return{fabTrigger:null,active:!1}},computed:{classes:function e(){var e={"md-active":this.active};return e["md-mode-"+this.mdMode]=!0,e["md-direction-"+this.mdDirection]=!0,e}},methods:{closeSpeedDial:function(e){!e.target!==this.fabTrigger&&this.fabTrigger.contains(e.target)||(this.active=!1,document.body.removeEventListener("click",this.closeSpeedDial))},toggleSpeedDial:function(){var e=this;this.active=!this.active,window.setTimeout((function(){document.body.addEventListener("click",e.closeSpeedDial)}),50)}},mounted:function(){var e=this;this.$nextTick((function(){e.fabTrigger=e.$el.querySelector("[md-fab-trigger]"),"click"===e.mdOpen?e.fabTrigger.addEventListener("click",e.toggleSpeedDial):(e.$el.addEventListener("mouseenter",e.toggleSpeedDial),e.$el.addEventListener("mouseleave",e.closeSpeedDial))}))},beforeDestroy:function(){this.fabTrigger.removeEventListener("click",this.toggleSpeedDial),document.body.removeEventListener("click",this.closeSpeedDial)}},e.exports=t.default},247:function(e,t){},286:function(e,t){e.exports=""},349:function(e,t,n){function r(e){n(247)}var i=n(0)(n(180),n(412),r,null,null);e.exports=i.exports},412:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-speed-dial",class:[e.themeClass,e.classes]},[e._t("default")],2)},staticRenderFns:[]}},470:function(e,t,n){e.exports=n(104)}})}));
|
||||
!(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 i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.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=420)})({0:function(e,t){e.exports=function(e,t,n,r){var i,o=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(i=e,o=e.default);var u="function"==typeof o?o.options:o;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),r){var d=u.computed||(u.computed={});Object.keys(r).forEach((function(e){var t=r[e];d[e]=function(){return t}}))}return{esModule:i,exports:o,options:u}}},1:function(e,t,n){"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},112:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-speed-dial",s.default),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(310),s=r(o),u=n(252),d=r(u);e.exports=t.default},172:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i);t.default={props:{mdOpen:{type:String,default:"click"},mdMode:{type:String,default:"fling"},mdDirection:{type:String,default:"top"}},mixins:[o.default],data:function(){return{fabTrigger:null,active:!1}},computed:{classes:function e(){var e={"md-active":this.active};return e["md-mode-"+this.mdMode]=!0,e["md-direction-"+this.mdDirection]=!0,e}},methods:{closeSpeedDial:function(e){!e.target!==this.fabTrigger&&this.fabTrigger.contains(e.target)||(this.active=!1,document.body.removeEventListener("click",this.closeSpeedDial))},toggleSpeedDial:function(){var e=this;this.active=!this.active,window.setTimeout((function(){document.body.addEventListener("click",e.closeSpeedDial)}),50)}},mounted:function(){var e=this;this.$nextTick((function(){e.fabTrigger=e.$el.querySelector("[md-fab-trigger]"),"click"===e.mdOpen?e.fabTrigger.addEventListener("click",e.toggleSpeedDial):(e.$el.addEventListener("mouseenter",e.toggleSpeedDial),e.$el.addEventListener("mouseleave",e.toggleSpeedDial))}))},beforeDestroy:function(){this.fabTrigger.removeEventListener("click",this.toggleSpeedDial),document.body.removeEventListener("click",this.closeSpeedDial)}},e.exports=t.default},216:function(e,t){},252:function(e,t){e.exports=""},310:function(e,t,n){n(216);var r=n(0)(n(172),n(365),null,null);e.exports=r.exports},365:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-speed-dial",class:[e.themeClass,e.classes]},[e._t("default")],2)},staticRenderFns:[]}},420:function(e,t,n){e.exports=n(112)}})}));
|
||||
87
dist/components/mdSpinner/index.css
vendored
87
dist/components/mdSpinner/index.css
vendored
|
|
@ -1,81 +1,6 @@
|
|||
/* Common */
|
||||
/* Responsive Breakpoints */
|
||||
/* Transitions - Based on Angular Material */
|
||||
/* Elevation - Based on Angular Material */
|
||||
.md-spinner {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
pointer-events: none;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.md-spinner.md-indeterminate .md-spinner-draw {
|
||||
animation: spinner-rotate 1.9s linear infinite;
|
||||
transform: rotate(0deg) translateZ(0);
|
||||
}
|
||||
.md-spinner.md-indeterminate .md-spinner-path {
|
||||
stroke-dasharray: 2, 200;
|
||||
animation: spinner-dash 1.425s ease-in-out infinite;
|
||||
}
|
||||
.md-spinner.md-spinner-leave-active {
|
||||
opacity: 0;
|
||||
transform: scale(0.8) translateZ(0);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
.md-spinner:not(.md-indeterminate).md-spinner-enter-active {
|
||||
transition-duration: 2s;
|
||||
}
|
||||
.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw {
|
||||
animation: spinner-initial-rotate 1.98s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
|
||||
}
|
||||
.md-spinner-draw {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transform: rotate(270deg) translateZ(0);
|
||||
transform-origin: center center;
|
||||
will-change: transform, opacity;
|
||||
}
|
||||
.md-spinner-path {
|
||||
fill: none;
|
||||
stroke-dashoffset: 0;
|
||||
stroke-miterlimit: 10;
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
|
||||
}
|
||||
@keyframes spinner-rotate {
|
||||
to {
|
||||
transform: rotate(360deg) translateZ(0);
|
||||
}
|
||||
}
|
||||
@keyframes spinner-initial-rotate {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: rotate(-90deg) translateZ(0);
|
||||
}
|
||||
20% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: rotate(270deg) translateZ(0);
|
||||
}
|
||||
}
|
||||
@keyframes spinner-dash {
|
||||
0% {
|
||||
stroke-dasharray: 2, 200;
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
50% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -35px;
|
||||
}
|
||||
100% {
|
||||
stroke-dasharray: 89, 200;
|
||||
stroke-dashoffset: -124px;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=index.css.map*/
|
||||
/*!
|
||||
* Vue Material v0.7.0
|
||||
* Made with love by Marcos Moura
|
||||
* Released under the MIT License.
|
||||
*/
|
||||
.md-spinner{display:inline-block;position:relative;pointer-events:none;will-change:transform,opacity}.md-spinner.md-indeterminate .md-spinner-draw{animation:spinner-rotate 1.9s linear infinite;transform:rotate(0deg) translateZ(0)}.md-spinner.md-indeterminate .md-spinner-path{stroke-dasharray:2,200;animation:spinner-dash 1.425s ease-in-out infinite}.md-spinner.md-spinner-leave-active{opacity:0;transform:scale(.8) translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-spinner:not(.md-indeterminate).md-spinner-enter-active{transition-duration:2s}.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw{animation:spinner-initial-rotate 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-spinner-draw{width:100%;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(270deg) translateZ(0);transform-origin:center center;will-change:transform,opacity}.md-spinner-path{fill:none;stroke-dashoffset:0;stroke-miterlimit:10;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes spinner-rotate{to{transform:rotate(1turn) translateZ(0)}}@keyframes spinner-initial-rotate{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes spinner-dash{0%{stroke-dasharray:2,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
|
||||
181
dist/components/mdSpinner/index.debug.js
vendored
181
dist/components/mdSpinner/index.debug.js
vendored
|
|
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/******/ __webpack_require__.p = "/";
|
||||
|
||||
/******/ // Load entry module and return exports
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 472);
|
||||
/******/ return __webpack_require__(__webpack_require__.s = 421);
|
||||
/******/ })
|
||||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
|
@ -81,17 +81,11 @@ return /******/ (function(modules) { // webpackBootstrap
|
|||
/***/ 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 */
|
||||
cssModules
|
||||
) {
|
||||
var esModule
|
||||
var scriptExports = rawScriptExports = rawScriptExports || {}
|
||||
|
|
@ -119,51 +113,13 @@ module.exports = function normalizeComponent (
|
|||
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)
|
||||
}
|
||||
}
|
||||
// inject cssModules
|
||||
if (cssModules) {
|
||||
var computed = options.computed || (options.computed = {})
|
||||
Object.keys(cssModules).forEach((function (key) {
|
||||
var module = cssModules[key]
|
||||
computed[key] = function () { return module }
|
||||
}))
|
||||
}
|
||||
|
||||
return {
|
||||
|
|
@ -185,52 +141,60 @@ module.exports = function normalizeComponent (
|
|||
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;
|
||||
}
|
||||
data: function data() {
|
||||
return {
|
||||
closestThemedParent: false
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
mdTheme: function mdTheme(value) {
|
||||
this.$material.useTheme(value);
|
||||
}
|
||||
},
|
||||
beforeMount: function beforeMount() {
|
||||
var localTheme = this.mdTheme;
|
||||
methods: {
|
||||
getClosestThemedParent: function getClosestThemedParent($parent) {
|
||||
if (!$parent || !$parent.$el || $parent._uid === 0) {
|
||||
return false;
|
||||
}
|
||||
|
||||
this.$material.useTheme(localTheme ? localTheme : 'default');
|
||||
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'];
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 105:
|
||||
/***/ 113:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -241,11 +205,11 @@ Object.defineProperty(exports, "__esModule", {
|
|||
});
|
||||
exports.default = install;
|
||||
|
||||
var _mdSpinner = __webpack_require__(351);
|
||||
var _mdSpinner = __webpack_require__(311);
|
||||
|
||||
var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
|
||||
|
||||
var _mdSpinner3 = __webpack_require__(288);
|
||||
var _mdSpinner3 = __webpack_require__(253);
|
||||
|
||||
var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
|
||||
|
||||
|
|
@ -260,7 +224,7 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 181:
|
||||
/***/ 173:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
|
|
@ -277,7 +241,6 @@ var _mixin2 = _interopRequireDefault(_mixin);
|
|||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
exports.default = {
|
||||
name: 'md-spinner',
|
||||
props: {
|
||||
mdSize: {
|
||||
type: Number,
|
||||
|
|
@ -339,42 +302,39 @@ module.exports = exports['default'];
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 233:
|
||||
/***/ 204:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
// removed by extract-text-webpack-plugin
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 288:
|
||||
/***/ 253:
|
||||
/***/ (function(module, exports) {
|
||||
|
||||
module.exports = ".THEME_NAME.md-spinner .md-spinner-path {\n stroke: PRIMARY-COLOR; }\n\n.THEME_NAME.md-spinner.md-accent .md-spinner-path {\n stroke: ACCENT-COLOR; }\n\n.THEME_NAME.md-spinner.md-warn .md-spinner-path {\n stroke: WARN-COLOR; }\n"
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 351:
|
||||
/***/ 311:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
var disposed = false
|
||||
function injectStyle (ssrContext) {
|
||||
if (disposed) return
|
||||
__webpack_require__(233)
|
||||
}
|
||||
|
||||
/* styles */
|
||||
__webpack_require__(204)
|
||||
|
||||
var Component = __webpack_require__(0)(
|
||||
/* script */
|
||||
__webpack_require__(181),
|
||||
__webpack_require__(173),
|
||||
/* template */
|
||||
__webpack_require__(383),
|
||||
/* styles */
|
||||
injectStyle,
|
||||
__webpack_require__(340),
|
||||
/* scopeId */
|
||||
null,
|
||||
/* moduleIdentifier (server only) */
|
||||
/* cssModules */
|
||||
null
|
||||
)
|
||||
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSpinner/mdSpinner.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.")}
|
||||
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSpinner/mdSpinner.vue"
|
||||
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
|
||||
if (Component.options.functional) {console.error("[vue-loader] mdSpinner.vue: functional components are not supported with templates, they should use render functions.")}
|
||||
|
||||
/* hot reload */
|
||||
|
|
@ -388,9 +348,6 @@ if (false) {(function () {
|
|||
} else {
|
||||
hotAPI.reload("data-v-15aaf96c", Component.options)
|
||||
}
|
||||
module.hot.dispose((function (data) {
|
||||
disposed = true
|
||||
}))
|
||||
})()}
|
||||
|
||||
module.exports = Component.exports
|
||||
|
|
@ -398,7 +355,7 @@ module.exports = Component.exports
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 383:
|
||||
/***/ 340:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
|
||||
|
|
@ -437,10 +394,10 @@ if (false) {
|
|||
|
||||
/***/ }),
|
||||
|
||||
/***/ 472:
|
||||
/***/ 421:
|
||||
/***/ (function(module, exports, __webpack_require__) {
|
||||
|
||||
module.exports = __webpack_require__(105);
|
||||
module.exports = __webpack_require__(113);
|
||||
|
||||
|
||||
/***/ })
|
||||
|
|
|
|||
4
dist/components/mdSpinner/index.js
vendored
4
dist/components/mdSpinner/index.js
vendored
|
|
@ -1,6 +1,6 @@
|
|||
/*!
|
||||
* Vue Material v0.7.4
|
||||
* Vue Material v0.7.0
|
||||
* 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 s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.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=471)})({0:function(e,t){e.exports=function(e,t,n,r,s){var o,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(o=e,i=e.default);var u="function"==typeof i?i.options:i;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),r&&(u._scopeId=r);var d;if(s?(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(s)},u._ssrRegister=d):n&&(d=n),d){var c=u.functional,f=c?u.render:u.beforeCreate;c?u.render=function(e,t){return d.call(t),f(e,t)}:u.beforeCreate=f?[].concat(f,d):[d]}return{esModule:o,exports:i,options:u}}},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},105:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",i.default),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(350),i=r(o),a=n(287),u=r(a);e.exports=t.default},181:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s);t.default={name:"md-spinner",props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[o.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},233:function(e,t){},287:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},350:function(e,t,n){function r(e){n(233)}var s=n(0)(n(181),n(382),r,null,null);e.exports=s.exports},382:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"md-spinner",appear:""}},[n("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[n("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[n("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}},471:function(e,t,n){e.exports=n(105)}})}));
|
||||
!(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 s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.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=421)})({0:function(e,t){e.exports=function(e,t,n,r){var s,o=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(s=e,o=e.default);var u="function"==typeof o?o.options:o;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),r){var a=u.computed||(u.computed={});Object.keys(r).forEach((function(e){var t=r[e];a[e]=function(){return t}}))}return{esModule:s,exports:o,options:u}}},1:function(e,t,n){"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},113:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",i.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(311),i=r(o),u=n(253),a=r(u);e.exports=t.default},173:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[o.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},204:function(e,t){},253:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},311:function(e,t,n){n(204);var r=n(0)(n(173),n(340),null,null);e.exports=r.exports},340:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"md-spinner",appear:""}},[n("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[n("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[n("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}},421:function(e,t,n){e.exports=n(113)}})}));
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue