Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-03-16 22:10:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

0.4.0

Browse source 
* Improve sidenav performance and expansion list performance

* Init dialog

* Add initial transition

* Add backdrop to md-menu

* Create dialog opening from and closing to

* Add example os basic and opening from and to

* Add todo

* Create alias for root element

* Fix dialog position

* Improve transitions

* Fix rules

* Fix dialog position on open

* Improve docs transitions

* Create styles for actions and content

* Create confirm dialog preset

* Create alert dialog preset

* Create prompt dialog preset

* Add example with HTML

* Improve close transition

* Create new documentation template for components

* Improve template for mobile

* Improve toolbar behaviour

* Format code-block and apply clipboard.js

* Move clipboard to devDependencies

* Show toast after copy

* Add function to toggle sidenav and add page title

* create avatar documentation with the new template

* Improve themes and codes

* Remove hover

* fix copied toast position

* add classes tab

* create bottom-bar documentation with the new template

* improve bottom bar docs

* create button documentation with the new template

* create button toggle documentation with the new template

* Fix backdrop styles

* Fix image color names

* create card documentation with the new template

* Update debug-lib.js (#106)

Fixes webpack missing module error when loading scss

* create checkboxes documentation with the new template

* Add more alignment options (#109)

* Create offset options
  - md-offset-y and md-offset-x

* Add option to align the menu to the trigger

* Create better examples

* fix bottom-right position

* create dialog documentation with the new template

* create icon documentation with the new template

* fix typo

* create input documentation with the new template

* create tooltip documentation with the new template

* create whiteframe documentation with the new template

* Fix unregisterMouseEvent not accepting the element as parameter (#118)

* create radio documentation with the new template

* create ripple documentation with the new template

* create switch documentation with the new template

* create subheader documentation with the new template

* fix text

* improvements over menu

* create menu documentation with the new template

* create sidenav documentation with the new template

* create toolbar documentation with the new template

* improve visibility of some code-blocks

* create select documentation with the new template

* create typography documentation with the new template

* create changelog page with the new template

* create about page with the new template

* create error page with the new template

* create introduction page with the new template

* create getting started page with the new template

* create getting started page with the new template

* add codepen examples

* create list documentation with the new template

* improve docs

* add old releases in a folder

* optimize build time

* remove unused code and rename components

* generate old versions

* redirect to old documentation versions

* [build] 0.4.0

* [build] 0.4.0

* restore dist

* get current version from url

* [build] 0.4.0

* restore old docs

* add correct branch to release script

* create table documentation with the new template

* add a better explanation of list classes

* improve docs

* create table documentation with the new template

* add code example for tabs

* remove directive example of ripple

* fix code example of typograph items

* general fixes and code cleanup

* create themes documentation

* start the creation of button "edit on codepen"

* group theme text and fix height of codepen example

* start creation of tabs

* recreate tabs

* fix shadow transition inside menus (#141 #129)

* add href support for mdBottomBar (#142 #121)

* fix table row not watching item #116 #113 (#143)

* Improvement/md tooltip (#144)

* fix stucked tooltips #103

* remove example

* update website url

* update libs

* fix vue version reference

* [build] 0.4.0
This commit is contained in:
Marcos Moura 2016-12-05 01:57:58 -02:00 committed by GitHub
parent d4510c96b3
commit 627639b9dc
339 changed files with 21888 additions and 9512 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
README.md
View file

@ -1,6 +1,6 @@
<p align="center">
<a href="https://marcosmoura.github.io/vue-material/" target="_blank">
<img width="150" src="https://marcosmoura.github.io/vue-material/assets/logo-vue-material-blue.png">
<a href="https://vuematerial.github.io/" target="_blank">
<img width="150" src="https://vuematerial.github.io/assets/logo-vue-material-blue.png">
</a>
</p>
@ -16,12 +16,12 @@
Vue Material is lightweight framework built exactly according to the <a href="http://material.google.com" target="_blank">Material Design</a> specs.
It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to <a href="https://saucelabs.com/u/vuejs" target="_blank">modern Web Browsers</a> through Vue 2.0.
It aims to deliver a collection of reusable components and a series of UI Elements to build applications with support to all modern Web Browsers through Vue 2.
Build powerful and well-designed web apps that can can fit on every screen. You can generate and use themes dynamically, use components on demand, take advantage of UI Elements and Components with an ease-to-use API.
## Demo and Documentation
<a href="https://marcosmoura.github.io/vue-material/" target="_blank">Demo</a>
<a href="https://vuematerial.github.io/" target="_blank">Demo</a>
## Installation
@ -105,8 +105,18 @@ Apply your theme using <code>v-md-theme</code> directive:
<div v-md-theme="'phone'"></div>
```
## Browser Support
Vue Material supports the latest version of all Browsers. This means:
* Google Chrome 50+
* Firefox 48+
* Safari 9+
* Opera 40+
* IE 11
* Edge
<small>May work in other browsers but it's untested.</small>
## Changelog
<a href="https://marcosmoura.github.io/vue-material/#/changelog" target="_blank">Changelog</a>
<a href="https://vuematerial.github.io/#/changelog" target="_blank">Changelog</a>
## Contributing

36
build/release.sh
View file

@ -3,6 +3,16 @@
set -e
# get latest version of package json
function get_package_version {
echo $(cat package.json \
| grep version \
| head -1 \
| awk -F: '{ print $2 }' \
| sed 's/[",]//g')
}
# init the process
if [[ -z $1 ]]; then
echo "Enter new version: "
read VERSION
@ -15,19 +25,37 @@ echo
if [[ $REPLY =~ ^[Yy]$ ]]; then
echo "Releasing $VERSION ..."
# check errors
npm run lint
# generate docs tree
PACKAGE_VERSION=$(get_package_version)
cp -Rf dist/docs tmp-docs
# append version
sed -i '' -e "s|\"]|\", \"$VERSION\"]|g" versions.json
# build
VERSION=$VERSION npm run build
cp -Rf tmp-docs dist/docs/v$PACKAGE_VERSION
rm -Rf tmp-docs
# commit
git add -A
git commit -m "[build] $VERSION"
npm version $VERSION --message "[release] $VERSION"
#### npm version $VERSION --message "[release] $VERSION"
# publish
git push origin refs/tags/v$VERSION
#### git push origin refs/tags/v$VERSION
git push
npm run deploy-docs
npm publish
# deploy
if [ "`git remote| grep site`" == "site" ] ; then
git remote remove site
fi
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
fi

12
build/webpack/base.js
View file

@ -61,6 +61,18 @@ export default {
test: /\.theme$/,
loaders: ['raw', 'sass-loader']
},
{
test: /\.json$/,
loaders: ['json-loader']
},
{
test: /\.(png|jpg|gif|svg)(\?.*)?$/,
loader: 'url',
query: {
limit: 10000,
name: '/assets/[name].[hash:8].[ext]'
}
},
{
test: /\.html$/,
loader: 'vue-html'

8
build/webpack/debug-lib.js
View file

@ -1,11 +1,15 @@
import merge from 'webpack-merge';
import ExtractTextPlugin from 'extract-text-webpack-plugin';
import prodConfig from './prod-lib';
export default merge(prodConfig, {
const devConfig = merge(prodConfig, {
output: {
filename: '[name].debug.js'
},
devtool: 'source-map',
plugins: []
});
devConfig.plugins.push(new ExtractTextPlugin('[name].css'));
export default devConfig;

2
build/webpack/dev.js
View file

@ -9,7 +9,7 @@ Object.keys(baseWebpackConfig.entry).forEach((name) => {
});
export default merge(baseWebpackConfig, {
devtool: '#inline-source-map',
devtool: 'source-map',
plugins: [
new webpack.WatchIgnorePlugin([config.nodePath]),
new webpack.HotModuleReplacementPlugin(),

75
dist/components/mdAvatar/index.css vendored
View file

@ -1 +1,74 @@
.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar .md-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar .md-tooltip.md-tooltip-right{margin-left:8px}.md-avatar .md-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar .md-tooltip.md-tooltip-left{margin-left:-8px}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-avatar {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin: auto;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
border-radius: 40px;
vertical-align: middle;
}
.md-avatar.md-large {
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
border-radius: 64px;
}
.md-avatar.md-large .md-icon {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
font-size: 40px;
line-height: 40px;
}
.md-avatar.md-avatar-icon {
background-color: rgba(0, 0, 0, 0.38);
}
.md-avatar.md-avatar-icon .md-icon {
color: #fff;
}
.md-avatar .md-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.md-avatar img {
width: 100%;
height: 100%;
display: block;
}
.md-avatar .md-ink-ripple {
border-radius: 50%;
}
.md-avatar .md-ink-ripple .md-ripple.md-active {
animation-duration: .9s;
}
.md-avatar-tooltip.md-tooltip-top {
margin-top: -8px;
}
.md-avatar-tooltip.md-tooltip-right {
margin-left: 8px;
}
.md-avatar-tooltip.md-tooltip-bottom {
margin-top: 8px;
}
.md-avatar-tooltip.md-tooltip-left {
margin-left: -8px;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdAvatar/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdAvatar/index.css","sourceRoot":""}

23
dist/components/mdAvatar/index.debug.js vendored
View file

@ -72,7 +72,7 @@ return /******/ (function(modules) { // webpackBootstrap
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
var _mdAvatar3 = __webpack_require__(5);
var _mdAvatar3 = __webpack_require__(6);
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
@ -93,10 +93,10 @@ return /******/ (function(modules) { // webpackBootstrap
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-1cbfca0d!sass!./mdAvatar.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(3)
/* template */
var __vue_template__ = __webpack_require__(4)
var __vue_template__ = __webpack_require__(5)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -130,15 +130,22 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 3 */,
/* 4 */
/* 3 */
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/* 4 */,
/* 5 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-avatar"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -147,7 +154,7 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 5 */
/* 6 */
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-avatar.md-primary.md-avatar-icon, .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, .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, .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, .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, .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, .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n color: WARN-CONTRAST-0.99999; }\n"

2
dist/components/mdAvatar/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdAvatar/index.js vendored
View file

@ -1 +1 @@
!function(a,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():a.VueMaterial=t()}(this,function(){return function(a){function t(e){if(r[e])return r[e].exports;var n=r[e]={exports:{},id:e,loaded:!1};return a[e].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=a,t.c=r,t.p="/",t(0)}({0:function(a,t,r){a.exports=r(7)},7:function(a,t,r){"use strict";function e(a){return a&&a.__esModule?a:{default:a}}function n(a){a.component("md-avatar",a.extend(d.default)),a.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(114),d=e(o),c=r(94),i=e(c);a.exports=t.default},76:function(a,t){},94:function(a,t){a.exports=".THEME_NAME .md-avatar.md-primary.md-avatar-icon,.THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME .md-avatar.md-primary.md-avatar-icon .md-icon,.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME .md-avatar.md-accent.md-avatar-icon,.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME .md-avatar.md-accent.md-avatar-icon .md-icon,.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME .md-avatar.md-warn.md-avatar-icon,.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME .md-avatar.md-warn.md-avatar-icon .md-icon,.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},114:function(a,t,r){var e,n;r(76);var o=r(169);n=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(n=e=e.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,a.exports=e},169:function(a,t){a.exports={render:function(){var a=this;return a._h("div",{staticClass:"md-avatar"},[a._t("default")])},staticRenderFns:[]}}})});
!function(a,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():a.VueMaterial=t()}(this,function(){return function(a){function t(e){if(r[e])return r[e].exports;var n=r[e]={exports:{},id:e,loaded:!1};return a[e].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=a,t.c=r,t.p="/",t(0)}({0:function(a,t,r){a.exports=r(6)},6:function(a,t,r){"use strict";function e(a){return a&&a.__esModule?a:{default:a}}function n(a){a.component("md-avatar",a.extend(d.default)),a.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(125),d=e(o),c=r(104),i=e(c);a.exports=t.default},84:function(a,t){},104:function(a,t){a.exports=".THEME_NAME .md-avatar.md-primary.md-avatar-icon,.THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME .md-avatar.md-primary.md-avatar-icon .md-icon,.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME .md-avatar.md-accent.md-avatar-icon,.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME .md-avatar.md-accent.md-avatar-icon .md-icon,.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME .md-avatar.md-warn.md-avatar-icon,.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME .md-avatar.md-warn.md-avatar-icon .md-icon,.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},125:function(a,t,r){var e,n;r(84);var o=r(191);n=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(n=e=e.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,a.exports=e},191:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement;return t("div",{staticClass:"md-avatar"},[a._t("default")])},staticRenderFns:[]}}})});

28
dist/components/mdBackdrop/index.css vendored Normal file
View file

@ -0,0 +1,28 @@
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.54);
transform: translate3d(0, 0, 0);
opacity: 0;
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-backdrop.md-active {
opacity: 1;
pointer-events: auto;
}
.md-backdrop.md-transparent {
background: none;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdBackdrop/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdBackdrop/index.css","sourceRoot":""}

194
dist/components/mdBackdrop/index.debug.js vendored Normal file
View file

@ -0,0 +1,194 @@
(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] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = 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;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(7);
/***/ },
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBackdrop = __webpack_require__(8);
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-backdrop', Vue.extend(_mdBackdrop2.default));
}
module.exports = exports['default'];
/***/ },
/* 8 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(9)
/* script */
__vue_exports__ = __webpack_require__(10)
/* template */
var __vue_template__ = __webpack_require__(11)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-df1259a6", __vue_options__)
} else {
hotAPI.reload("data-v-df1259a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/* 9 */
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/* 10 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
methods: {
close: function close() {
this.$emit('close');
}
}
};
module.exports = exports['default'];
/***/ },
/* 11 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-backdrop",
on: {
"click": _vm.close,
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-df1259a6", module.exports)
}
}
/***/ }
/******/ ])
});
;
//# sourceMappingURL=index.debug.js.map

1
dist/components/mdBackdrop/index.debug.js.map vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/components/mdBackdrop/index.js vendored Normal file
View file

@ -0,0 +1 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)}({0:function(e,t,o){e.exports=o(7)},7:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",e.extend(c.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(126),c=n(u);e.exports=t.default},36:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},101:function(e,t){},126:function(e,t,o){var n,r;o(101),n=o(36);var u=o(226);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=n},226:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return t("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})});

97
dist/components/mdBottomBar/index.css vendored
View file

@ -1 +1,96 @@
.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .08s linear,opacity .08s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .08s linear}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-bottom-bar {
width: 100%;
min-width: 100%;
height: 56px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-bottom-bar-item {
max-width: 168px;
min-width: 80px;
height: 100%;
padding: 8px 12px 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 1;
flex: 1;
position: relative;
cursor: pointer;
border: none;
background: transparent;
transform: translate3d(0, 0, 0);
color: currentColor;
font-family: inherit;
font-size: 14px;
line-height: 1em;
text-decoration: none;
}
.md-bottom-bar-item.md-active {
padding-top: 6px;
}
.md-bottom-bar-item.md-active .md-text {
transform: scale(1) translate3d(0, 0, 0);
}
.md-bottom-bar-item.md-active .md-text,
.md-bottom-bar-item.md-active .md-icon {
color: currentColor;
}
.md-bottom-bar.md-shift .md-bottom-bar-item {
min-width: 56px;
max-width: 96px;
position: static;
-ms-flex: 1 1 32px;
flex: 1 1 32px;
transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-property: flex, min-width, max-width;
transition-property: flex, min-width, max-width, -ms-flex;
}
.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon {
transform: translate3d(0, 8px, 0);
}
.md-bottom-bar.md-shift .md-bottom-bar-item .md-text {
opacity: 0;
transform: scale(1) translate3d(0, 6px, 0);
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {
min-width: 96px;
max-width: 168px;
-ms-flex: 1 1 72px;
flex: 1 1 72px;
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
opacity: 1;
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon {
transform: scale(1) translate3d(0, 0, 0);
}
.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
transform: scale(1) translate3d(0, 2px, 0);
}
.md-bottom-bar-item .md-text {
transform: scale(0.8571) translateY(2px);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.08s linear, opacity 0.08s linear;
}
.md-bottom-bar-item .md-icon {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.08s linear;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdBottomBar/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdBottomBar/index.css","sourceRoot":""}

89
dist/components/mdBottomBar/index.debug.js vendored
View file

@ -54,7 +54,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 0 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(6);
module.exports = __webpack_require__(12);
/***/ },
@ -63,7 +63,13 @@ return /******/ (function(modules) { // webpackBootstrap
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */
/* 6 */,
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -73,15 +79,15 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdBottomBar = __webpack_require__(7);
var _mdBottomBar = __webpack_require__(13);
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
var _mdBottomBarItem = __webpack_require__(11);
var _mdBottomBarItem = __webpack_require__(17);
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
var _mdBottomBar3 = __webpack_require__(14);
var _mdBottomBar3 = __webpack_require__(20);
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
@ -96,20 +102,20 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 7 */
/* 13 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-039c211e!sass!./mdBottomBar.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(14)
/* script */
__vue_exports__ = __webpack_require__(9)
__vue_exports__ = __webpack_require__(15)
/* template */
var __vue_template__ = __webpack_require__(10)
var __vue_template__ = __webpack_require__(16)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -143,8 +149,13 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 8 */,
/* 9 */
/* 14 */
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/* 15 */
/***/ function(module, exports) {
'use strict';
@ -174,15 +185,16 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 10 */
/* 16 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-bottom-bar",
class: _vm.classes
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -191,17 +203,17 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 11 */
/* 17 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(12)
__vue_exports__ = __webpack_require__(18)
/* template */
var __vue_template__ = __webpack_require__(13)
var __vue_template__ = __webpack_require__(19)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -235,7 +247,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 12 */
/* 18 */
/***/ function(module, exports) {
'use strict';
@ -253,11 +265,20 @@ return /******/ (function(modules) { // webpackBootstrap
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdIcon: String,
mdActive: Boolean
mdActive: Boolean,
href: String
},
data: function data() {
return {
@ -284,8 +305,6 @@ return /******/ (function(modules) { // webpackBootstrap
});
this.active = !!active;
this.$emit('click');
}
},
mounted: function mounted() {
@ -303,11 +322,26 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 13 */
/* 19 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('button', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return (_vm.href) ? _h('a', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple"
}],
staticClass: "md-bottom-bar-item",
class: _vm.classes,
attrs: {
"href": _vm.href
},
on: {
"click": _vm.setActive
}
}, [_h('md-icon', [_vm._s(_vm.mdIcon)]), " ", _h('span', {
staticClass: "md-text"
}, [_vm._t("default")])]) : _h('button', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple"
@ -320,10 +354,11 @@ return /******/ (function(modules) { // webpackBootstrap
on: {
"click": _vm.setActive
}
}, [_vm._h('md-icon', [_vm._s(_vm.mdIcon)]), " ", _vm._h('span', {
}, [_h('md-icon', [_vm._s(_vm.mdIcon)]), " ", _h('span', {
staticClass: "md-text"
}, [_vm._t("default")])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -332,10 +367,10 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 14 */
/* 20 */
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-bottom-bar.md-fixed, .THEME_NAME.md-bottom-bar.md-fixed {\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item, .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.md-active, .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-bottom-bar.md-shift, .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, .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.md-active, .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, .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, .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.md-active, .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, .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, .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.md-active, .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, .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, .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.md-active, .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n"
module.exports = ".THEME_NAME .md-bottom-bar.md-fixed, .THEME_NAME.md-bottom-bar.md-fixed {\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item, .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(.md-active), .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n color: WARN-COLOR; }\n .THEME_NAME .md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME .md-bottom-bar.md-shift, .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, .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(.md-active), .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not(.md-active) {\n color: PRIMARY-CONTRAST-0.87; }\n .THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME .md-bottom-bar.md-shift.md-accent, .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, .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(.md-active), .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover: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, .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, .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, .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(.md-active), .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover: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, .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, .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, .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(.md-active), .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover: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, .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n"
/***/ }
/******/ ])

2
dist/components/mdBottomBar/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdBottomBar/index.js vendored
View file

File diff suppressed because one or more lines are too long

193
dist/components/mdButton/index.css vendored
View file

@ -1 +1,192 @@
.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{margin-top:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-tooltip.md-tooltip-top{margin-top:-8px}.md-button.md-icon-button .md-tooltip.md-tooltip-right{margin-left:8px}.md-button.md-icon-button .md-tooltip.md-tooltip-bottom{margin-top:8px}.md-button.md-icon-button .md-tooltip.md-tooltip-left{margin-left:-8px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-fab-top-right{position:absolute;top:16px;right:16px}.md-button.md-fab.md-fab-top-left{position:absolute;top:16px;left:16px}.md-button.md-fab.md-fab-bottom-right{position:absolute;right:16px;bottom:16px}.md-button.md-fab.md-fab-bottom-left{position:absolute;left:16px;bottom:16px}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button-group{width:auto;display:-ms-flexbox;display:flex}.md-button-group>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-group>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-group>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-group>.md-button .md-ink-ripple{border-radius:2px}.md-button.md-fab md-icon,.md-button.md-icon-button md-icon{display:block}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-button {
min-width: 88px;
min-height: 36px;
margin: 6px 8px;
padding: 0 16px;
display: inline-block;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
outline: none;
background: none;
border: 0;
border-radius: 2px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
color: currentColor;
font-family: inherit;
font-size: 14px;
font-style: inherit;
font-variant: inherit;
font-weight: 500;
letter-spacing: inherit;
line-height: 36px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
}
.md-button:focus {
outline: none;
}
.md-button::-moz-focus-inner {
border: 0;
}
.md-button:hover:not([disabled]):not(.md-raised) {
background-color: rgba(153, 153, 153, 0.2);
text-decoration: none;
}
.md-button:hover:not([disabled]).md-raised {
background-color: rgba(0, 0, 0, 0.12);
}
.md-button:active:not([disabled]) {
background-color: rgba(153, 153, 153, 0.4);
}
.md-button.md-raised:not([disabled]) {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.md-button.md-dense {
min-height: 32px;
line-height: 32px;
font-size: 13px;
}
.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
margin-top: 1px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.md-button.md-icon-button {
width: 40px;
min-width: 40px;
height: 40px;
margin: 0 6px;
padding: 8px;
border-radius: 50%;
line-height: 24px;
}
.md-button.md-icon-button:not([disabled]):hover {
background: none;
}
.md-button.md-icon-button.md-dense {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
padding: 4px;
line-height: 32px;
}
.md-button.md-icon-button .md-ink-ripple {
border-radius: 50%;
}
.md-button.md-icon-button .md-ink-ripple .md-ripple {
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md-button.md-icon-button .md-ripple.md-active {
animation-duration: .9s;
}
.md-button.md-fab {
width: 56px;
height: 56px;
min-width: 0;
overflow: hidden;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
border-radius: 56px;
line-height: 56px;
background-clip: padding-box;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-property: background-color, box-shadow, transform;
}
.md-button.md-fab:hover, .md-button.md-fab:focus {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}
.md-button.md-fab.md-fab-top-left {
position: absolute;
top: 16px;
left: 16px;
}
.md-button.md-fab.md-fab-top-center {
position: absolute;
top: 16px;
left: 50%;
transform: translateX(-50%);
}
.md-button.md-fab.md-fab-top-right {
position: absolute;
top: 16px;
right: 16px;
}
.md-button.md-fab.md-fab-bottom-left {
position: absolute;
bottom: 16px;
left: 16px;
}
.md-button.md-fab.md-fab-bottom-center {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
}
.md-button.md-fab.md-fab-bottom-right {
position: absolute;
right: 16px;
bottom: 16px;
}
.md-button.md-fab.md-mini {
width: 40px;
height: 40px;
line-height: 40px;
}
.md-button.md-fab .md-ink-ripple {
border-radius: 56px;
}
.md-button[disabled] {
color: rgba(0, 0, 0, 0.26);
cursor: default;
}
.md-button[disabled].md-raised, .md-button[disabled].md-fab {
background-color: rgba(0, 0, 0, 0.12);
}
.md-button[disabled].md-fab {
box-shadow: none;
}
.md-button:after {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-button .md-ink-ripple {
border-radius: 2px;
background-clip: padding-box;
overflow: hidden;
}
.md-button.md-icon-button .md-icon,
.md-button.md-fab .md-icon {
display: block;
}
.md-button-tooltip.md-tooltip-top {
margin-top: -8px;
}
.md-button-tooltip.md-tooltip-right {
margin-left: 8px;
}
.md-button-tooltip.md-tooltip-bottom {
margin-top: 8px;
}
.md-button-tooltip.md-tooltip-left {
margin-left: -8px;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdButton/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdButton/index.css","sourceRoot":""}

29
dist/components/mdButton/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(15);
module.exports = __webpack_require__(21);
/***/ },
/***/ 15:
/***/ 21:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdButton = __webpack_require__(16);
var _mdButton = __webpack_require__(22);
var _mdButton2 = _interopRequireDefault(_mdButton);
var _mdButton3 = __webpack_require__(19);
var _mdButton3 = __webpack_require__(25);
var _mdButton4 = _interopRequireDefault(_mdButton3);
@ -89,17 +89,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 16:
/***/ 22:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-9b3983a6!sass!./mdButton.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(23)
/* script */
__vue_exports__ = __webpack_require__(18)
__vue_exports__ = __webpack_require__(24)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -132,7 +132,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 18:
/***/ 23:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 24:
/***/ function(module, exports) {
'use strict';
@ -165,8 +172,8 @@ return /******/ (function(modules) { // webpackBootstrap
disabled: isDisabled
},
on: {
click: function click() {
_this.$emit('click');
click: function click($event) {
_this.$emit('click', $event);
}
}
};
@ -189,7 +196,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 19:
/***/ 25:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-button:not([disabled]).md-raised:not(.md-icon-button), .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n color: BACKGROUND-COLOR-900;\n background-color: BACKGROUND-COLOR-50; }\n .THEME_NAME .md-button:not([disabled]).md-raised:not(.md-icon-button):hover, .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME .md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised), .THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n color: BACKGROUND-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-fab, .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, .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, .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n color: BACKGROUND-COLOR-900;\n background-color: BACKGROUND-COLOR-50; }\n .THEME_NAME .md-button:not([disabled]).md-fab.md-clean:hover, .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), .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, .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, .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), .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), .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, .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, .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), .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), .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, .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, .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), .THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n color: WARN-COLOR; }\n"

2
dist/components/mdButton/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdButton/index.js vendored
View file

File diff suppressed because one or more lines are too long

40
dist/components/mdButtonToggle/index.css vendored
View file

@ -1 +1,39 @@
.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}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-button-toggle {
width: auto;
display: -ms-flexbox;
display: flex;
}
.md-button-toggle > .md-button {
margin: 0;
overflow: hidden;
border-width: 1px 0 1px 1px;
border-radius: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.md-button-toggle > .md-button:first-child {
border-radius: 2px 0 0 2px;
}
.md-button-toggle > .md-button:last-child {
border-right-width: 1px;
border-radius: 0 2px 2px 0;
}
.md-button-toggle > .md-button:not([disabled]) {
color: rgba(0, 0, 0, 0.54);
}
.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) {
background-color: rgba(153, 153, 153, 0.2);
text-decoration: none;
}
.md-button-toggle > .md-button .md-ink-ripple {
border-radius: 2px;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdButtonToggle/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdButtonToggle/index.css","sourceRoot":""}

38
dist/components/mdButtonToggle/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(20);
module.exports = __webpack_require__(26);
/***/ },
/***/ 20:
/***/ 26:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdButtonToggle = __webpack_require__(21);
var _mdButtonToggle = __webpack_require__(27);
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
var _mdButtonToggle3 = __webpack_require__(25);
var _mdButtonToggle3 = __webpack_require__(31);
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
@ -89,20 +89,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 21:
/***/ 27:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-106cf22d!sass!./mdButtonToggle.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(28)
/* script */
__vue_exports__ = __webpack_require__(23)
__vue_exports__ = __webpack_require__(29)
/* template */
var __vue_template__ = __webpack_require__(24)
var __vue_template__ = __webpack_require__(30)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -137,7 +137,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 23:
/***/ 28:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 29:
/***/ function(module, exports) {
'use strict';
@ -158,7 +165,7 @@ return /******/ (function(modules) { // webpackBootstrap
exports.default = {
props: {
type: String
mdSingle: Boolean
},
mounted: function mounted() {
var _this = this;
@ -168,7 +175,7 @@ return /******/ (function(modules) { // webpackBootstrap
var toggleClass = 'md-toggle';
onClickButton = function onClickButton() {
if (_this.type === 'radio') {
if (_this.mdSingle) {
_this.$children.forEach(function (child) {
child.$el.classList.remove(toggleClass);
});
@ -198,14 +205,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 24:
/***/ 30:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-button-group md-button-toggle"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -215,7 +223,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 25:
/***/ 31:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-button-toggle .md-button:after, .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, .THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-600;\n background-color: BACKGROUND-COLOR-500; }\n .THEME_NAME .md-button-toggle .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-COLOR-600; }\n .THEME_NAME .md-button-toggle .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-COLOR-600; }\n\n.THEME_NAME .md-button-toggle.md-primary .md-toggle, .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]), .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-primary .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-700; }\n\n.THEME_NAME .md-button-toggle.md-accent .md-toggle, .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]), .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-accent .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-700; }\n\n.THEME_NAME .md-button-toggle.md-warn .md-toggle, .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]), .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-warn .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-700; }\n\n.THEME_NAME .md-button-toggle [disabled], .THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME .md-button-toggle [disabled].md-toggle, .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"

2
dist/components/mdButtonToggle/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdButtonToggle/index.js vendored
View file

@ -1 +1 @@
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():t.VueMaterial=o()}(this,function(){return function(t){function o(d){if(e[d])return e[d].exports;var n=e[d]={exports:{},id:d,loaded:!1};return t[d].call(n.exports,n,n.exports,o),n.loaded=!0,n.exports}var e={};return o.m=t,o.c=e,o.p="/",o(0)}({0:function(t,o,e){t.exports=e(10)},10:function(t,o,e){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(a.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=n;var g=e(118),l=d(g),r=e(97),a=d(r);t.exports=o.default},36:function(t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var e=void 0;o.default={props:{type:String},mounted:function(){var t=this;this.$children.forEach(function(o){var d=o.$el,n="md-toggle";e=function(){"radio"===t.type?(t.$children.forEach(function(t){t.$el.classList.remove(n)}),d.classList.add(n)):d.classList.toggle(n)},d&&d.classList.contains("md-button")&&d.addEventListener("click",e)})},beforeDestroy:function(){this.$children.forEach(function(t){var o=t.$el;o&&o.classList.contains("md-button")&&o.removeEventListener("click",e)})}},t.exports=o.default},75:function(t,o){},97:function(t,o){t.exports='.THEME_NAME .md-button-toggle .md-button:after,.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME .md-button-toggle .md-toggle,.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-600;background-color:BACKGROUND-COLOR-500}.THEME_NAME .md-button-toggle .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-COLOR-600}.THEME_NAME .md-button-toggle .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-COLOR-600}.THEME_NAME .md-button-toggle.md-primary .md-toggle,.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME .md-button-toggle.md-primary .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR-600}.THEME_NAME .md-button-toggle.md-primary .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-700}.THEME_NAME .md-button-toggle.md-accent .md-toggle,.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME .md-button-toggle.md-accent .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR-600}.THEME_NAME .md-button-toggle.md-accent .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-700}.THEME_NAME .md-button-toggle.md-warn .md-toggle,.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME .md-button-toggle.md-warn .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR-600}.THEME_NAME .md-button-toggle.md-warn .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-700}.THEME_NAME .md-button-toggle [disabled],.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME .md-button-toggle [disabled].md-toggle,.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},118:function(t,o,e){var d,n;e(75),d=e(36);var g=e(165);n=d=d||{},"object"!=typeof d.default&&"function"!=typeof d.default||(n=d=d.default),"function"==typeof n&&(n=n.options),n.render=g.render,n.staticRenderFns=g.staticRenderFns,t.exports=d},165:function(t,o){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-button-group md-button-toggle"},[t._t("default")])},staticRenderFns:[]}}})});
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():t.VueMaterial=o()}(this,function(){return function(t){function o(d){if(e[d])return e[d].exports;var n=e[d]={exports:{},id:d,loaded:!1};return t[d].call(n.exports,n,n.exports,o),n.loaded=!0,n.exports}var e={};return o.m=t,o.c=e,o.p="/",o(0)}({0:function(t,o,e){t.exports=e(10)},10:function(t,o,e){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(m.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=n;var g=e(130),l=d(g),r=e(107),m=d(r);t.exports=o.default},40:function(t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var e=void 0;o.default={props:{mdSingle:Boolean},mounted:function(){var t=this;this.$children.forEach(function(o){var d=o.$el,n="md-toggle";e=function(){t.mdSingle?(t.$children.forEach(function(t){t.$el.classList.remove(n)}),d.classList.add(n)):d.classList.toggle(n)},d&&d.classList.contains("md-button")&&d.addEventListener("click",e)})},beforeDestroy:function(){this.$children.forEach(function(t){var o=t.$el;o&&o.classList.contains("md-button")&&o.removeEventListener("click",e)})}},t.exports=o.default},83:function(t,o){},107:function(t,o){t.exports='.THEME_NAME .md-button-toggle .md-button:after,.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME .md-button-toggle .md-toggle,.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-600;background-color:BACKGROUND-COLOR-500}.THEME_NAME .md-button-toggle .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-COLOR-600}.THEME_NAME .md-button-toggle .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-COLOR-600}.THEME_NAME .md-button-toggle.md-primary .md-toggle,.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME .md-button-toggle.md-primary .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR-600}.THEME_NAME .md-button-toggle.md-primary .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-700}.THEME_NAME .md-button-toggle.md-accent .md-toggle,.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME .md-button-toggle.md-accent .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR-600}.THEME_NAME .md-button-toggle.md-accent .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-700}.THEME_NAME .md-button-toggle.md-warn .md-toggle,.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME .md-button-toggle.md-warn .md-toggle:hover:not([disabled]),.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR-600}.THEME_NAME .md-button-toggle.md-warn .md-toggle+.md-toggle:after,.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-700}.THEME_NAME .md-button-toggle [disabled],.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME .md-button-toggle [disabled].md-toggle,.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},130:function(t,o,e){var d,n;e(83),d=e(40);var g=e(186);n=d=d||{},"object"!=typeof d.default&&"function"!=typeof d.default||(n=d=d.default),"function"==typeof n&&(n=n.options),n.render=g.render,n.staticRenderFns=g.staticRenderFns,t.exports=d},186:function(t,o){t.exports={render:function(){var t=this,o=t.$createElement;return o("div",{staticClass:"md-button-group md-button-toggle"},[t._t("default")])},staticRenderFns:[]}}})});

302
dist/components/mdCard/index.css vendored
View file

File diff suppressed because one or more lines are too long

1
dist/components/mdCard/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdCard/index.css","sourceRoot":""}

183
dist/components/mdCard/index.debug.js vendored
View file

@ -54,7 +54,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 0 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(26);
module.exports = __webpack_require__(32);
/***/ },
@ -83,7 +83,13 @@ return /******/ (function(modules) { // webpackBootstrap
/* 23 */,
/* 24 */,
/* 25 */,
/* 26 */
/* 26 */,
/* 27 */,
/* 28 */,
/* 29 */,
/* 30 */,
/* 31 */,
/* 32 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -93,47 +99,47 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdCard = __webpack_require__(27);
var _mdCard = __webpack_require__(33);
var _mdCard2 = _interopRequireDefault(_mdCard);
var _mdCardMedia = __webpack_require__(31);
var _mdCardMedia = __webpack_require__(37);
var _mdCardMedia2 = _interopRequireDefault(_mdCardMedia);
var _mdCardMediaCover = __webpack_require__(34);
var _mdCardMediaCover = __webpack_require__(40);
var _mdCardMediaCover2 = _interopRequireDefault(_mdCardMediaCover);
var _mdCardMediaActions = __webpack_require__(37);
var _mdCardMediaActions = __webpack_require__(43);
var _mdCardMediaActions2 = _interopRequireDefault(_mdCardMediaActions);
var _mdCardHeader = __webpack_require__(39);
var _mdCardHeader = __webpack_require__(45);
var _mdCardHeader2 = _interopRequireDefault(_mdCardHeader);
var _mdCardHeaderText = __webpack_require__(41);
var _mdCardHeaderText = __webpack_require__(47);
var _mdCardHeaderText2 = _interopRequireDefault(_mdCardHeaderText);
var _mdCardContent = __webpack_require__(44);
var _mdCardContent = __webpack_require__(50);
var _mdCardContent2 = _interopRequireDefault(_mdCardContent);
var _mdCardActions = __webpack_require__(46);
var _mdCardActions = __webpack_require__(52);
var _mdCardActions2 = _interopRequireDefault(_mdCardActions);
var _mdCardArea = __webpack_require__(48);
var _mdCardArea = __webpack_require__(54);
var _mdCardArea2 = _interopRequireDefault(_mdCardArea);
var _mdCardExpand = __webpack_require__(51);
var _mdCardExpand = __webpack_require__(57);
var _mdCardExpand2 = _interopRequireDefault(_mdCardExpand);
var _mdCard3 = __webpack_require__(54);
var _mdCard3 = __webpack_require__(60);
var _mdCard4 = _interopRequireDefault(_mdCard3);
@ -156,20 +162,20 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 27 */
/* 33 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-5074f4ed!sass!./mdCard.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(34)
/* script */
__vue_exports__ = __webpack_require__(29)
__vue_exports__ = __webpack_require__(35)
/* template */
var __vue_template__ = __webpack_require__(30)
var __vue_template__ = __webpack_require__(36)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -203,8 +209,13 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 28 */,
/* 29 */
/* 34 */
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/* 35 */
/***/ function(module, exports) {
'use strict';
@ -236,15 +247,16 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 30 */
/* 36 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card",
class: _vm.classes
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -253,17 +265,17 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 31 */
/* 37 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(32)
__vue_exports__ = __webpack_require__(38)
/* template */
var __vue_template__ = __webpack_require__(33)
var __vue_template__ = __webpack_require__(39)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -297,7 +309,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 32 */
/* 38 */
/***/ function(module, exports) {
'use strict';
@ -340,15 +352,16 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 33 */
/* 39 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-media",
class: _vm.classes
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -357,17 +370,17 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 34 */
/* 40 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(35)
__vue_exports__ = __webpack_require__(41)
/* template */
var __vue_template__ = __webpack_require__(36)
var __vue_template__ = __webpack_require__(42)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -401,7 +414,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 35 */
/* 41 */
/***/ function(module, exports) {
'use strict';
@ -516,19 +529,20 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 36 */
/* 42 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-media-cover",
class: _vm.classes
}, [_vm._t("default"), " ", (_vm.mdTextScrim) ? _vm._h('div', {
}, [_vm._t("default"), " ", (_vm.mdTextScrim) ? _h('div', {
ref: "backdrop",
staticClass: "md-backdrop",
staticClass: "md-card-backdrop",
style: (_vm.styles)
}) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -537,14 +551,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 37 */
/* 43 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* template */
var __vue_template__ = __webpack_require__(38)
var __vue_template__ = __webpack_require__(44)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -578,14 +592,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 38 */
/* 44 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-media-actions"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -594,14 +609,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 39 */
/* 45 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* template */
var __vue_template__ = __webpack_require__(40)
var __vue_template__ = __webpack_require__(46)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -635,14 +650,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 40 */
/* 46 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-header"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -651,17 +667,17 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 41 */
/* 47 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(42)
__vue_exports__ = __webpack_require__(48)
/* template */
var __vue_template__ = __webpack_require__(43)
var __vue_template__ = __webpack_require__(49)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -695,7 +711,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 42 */
/* 48 */
/***/ function(module, exports) {
'use strict';
@ -726,14 +742,15 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 43 */
/* 49 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-header-text"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -742,14 +759,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 44 */
/* 50 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* template */
var __vue_template__ = __webpack_require__(45)
var __vue_template__ = __webpack_require__(51)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -783,14 +800,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 45 */
/* 51 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-content"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -799,14 +817,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 46 */
/* 52 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* template */
var __vue_template__ = __webpack_require__(47)
var __vue_template__ = __webpack_require__(53)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -840,14 +858,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 47 */
/* 53 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-actions"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -856,17 +875,17 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 48 */
/* 54 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(49)
__vue_exports__ = __webpack_require__(55)
/* template */
var __vue_template__ = __webpack_require__(50)
var __vue_template__ = __webpack_require__(56)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -900,7 +919,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 49 */
/* 55 */
/***/ function(module, exports) {
'use strict';
@ -930,15 +949,16 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 50 */
/* 56 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-card-area",
class: _vm.classes
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -947,17 +967,17 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 51 */
/* 57 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(52)
__vue_exports__ = __webpack_require__(58)
/* template */
var __vue_template__ = __webpack_require__(53)
var __vue_template__ = __webpack_require__(59)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -991,7 +1011,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 52 */
/* 58 */
/***/ function(module, exports) {
'use strict';
@ -1039,15 +1059,16 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 53 */
/* 59 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
ref: "expand",
staticClass: "md-card-expand"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -1056,10 +1077,10 @@ return /******/ (function(modules) { // webpackBootstrap
}
/***/ },
/* 54 */
/* 60 */
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-card, .THEME_NAME.md-card {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-card .md-icon-button .md-icon, .THEME_NAME.md-card .md-icon-button .md-icon {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME .md-card > .md-card-area:after, .THEME_NAME.md-card > .md-card-area:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME .md-card .md-card-media-cover.md-text-scrim .md-backdrop, .THEME_NAME.md-card .md-card-media-cover.md-text-scrim .md-backdrop {\n background: linear-gradient(to bottom, BACKGROUND-CONTRAST-0.0 20%, BACKGROUND-CONTRAST-0.275 66%, BACKGROUND-CONTRAST-0.55 100%); }\n .THEME_NAME .md-card .md-card-media-cover.md-solid .md-card-area, .THEME_NAME.md-card .md-card-media-cover.md-solid .md-card-area {\n background-color: BACKGROUND-CONTRAST-0.4; }\n .THEME_NAME .md-card .md-card-expand .md-card-actions, .THEME_NAME.md-card .md-card-expand .md-card-actions {\n background-color: BACKGROUND-COLOR-A100; }\n"
module.exports = ".THEME_NAME .md-card, .THEME_NAME.md-card {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-card .md-card-header .md-icon-button .md-icon,\n .THEME_NAME .md-card .md-card-actions .md-icon-button .md-icon, .THEME_NAME.md-card .md-card-header .md-icon-button .md-icon,\n .THEME_NAME.md-card .md-card-actions .md-icon-button .md-icon {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME .md-card > .md-card-area:after, .THEME_NAME.md-card > .md-card-area:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME .md-card .md-card-media-cover.md-text-scrim .md-backdrop, .THEME_NAME.md-card .md-card-media-cover.md-text-scrim .md-backdrop {\n background: linear-gradient(to bottom, BACKGROUND-CONTRAST-0.0 20%, BACKGROUND-CONTRAST-0.275 66%, BACKGROUND-CONTRAST-0.55 100%); }\n .THEME_NAME .md-card .md-card-media-cover.md-solid .md-card-area, .THEME_NAME.md-card .md-card-media-cover.md-solid .md-card-area {\n background-color: BACKGROUND-CONTRAST-0.4; }\n .THEME_NAME .md-card .md-card-expand .md-card-actions, .THEME_NAME.md-card .md-card-expand .md-card-actions {\n background-color: BACKGROUND-COLOR-A100; }\n"
/***/ }
/******/ ])

2
dist/components/mdCard/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdCard/index.js vendored
View file

File diff suppressed because one or more lines are too long

82
dist/components/mdCheckbox/index.css vendored
View file

@ -1 +1,81 @@
.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-checkbox {
width: auto;
margin: 16px 8px 16px 0;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.md-checkbox .md-checkbox-container {
width: 20px;
height: 20px;
position: relative;
border-radius: 2px;
border: 2px solid rgba(0, 0, 0, 0.54);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-checkbox .md-checkbox-container:focus {
outline: none;
}
.md-checkbox .md-checkbox-container:before {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-checkbox .md-checkbox-container:after {
width: 6px;
height: 13px;
position: absolute;
top: 0;
left: 5px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
opacity: 0;
transform: rotate(45deg) scale3D(0.15, 0.15, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-checkbox .md-checkbox-container input {
position: absolute;
left: -999em;
}
.md-checkbox .md-checkbox-container .md-ink-ripple {
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
}
.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple {
width: 48px !important;
height: 48px !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md-checkbox .md-checkbox-label {
height: 20px;
padding-left: 8px;
line-height: 20px;
}
.md-checkbox.md-checked .md-checkbox-container:after {
opacity: 1;
transform: rotate(45deg) scale3D(1, 1, 1);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdCheckbox/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdCheckbox/index.css","sourceRoot":""}

40
dist/components/mdCheckbox/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(55);
module.exports = __webpack_require__(61);
/***/ },
/***/ 55:
/***/ 61:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdCheckbox = __webpack_require__(56);
var _mdCheckbox = __webpack_require__(62);
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
var _mdCheckbox3 = __webpack_require__(60);
var _mdCheckbox3 = __webpack_require__(66);
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
@ -89,20 +89,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 56:
/***/ 62:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-9db725e6!sass!./mdCheckbox.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(63)
/* script */
__vue_exports__ = __webpack_require__(58)
__vue_exports__ = __webpack_require__(64)
/* template */
var __vue_template__ = __webpack_require__(59)
var __vue_template__ = __webpack_require__(65)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -137,7 +137,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 58:
/***/ 63:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 64:
/***/ function(module, exports) {
'use strict';
@ -200,14 +207,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 59:
/***/ 65:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-checkbox",
class: _vm.classes
}, [_vm._h('div', {
}, [_h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
@ -224,7 +231,7 @@ return /******/ (function(modules) { // webpackBootstrap
_vm.toggleCheck($event)
}
}
}, [_vm._h('input', {
}, [_h('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
@ -235,13 +242,14 @@ return /******/ (function(modules) { // webpackBootstrap
domProps: {
"value": _vm.value
}
})]), " ", (_vm.$slots.default) ? _vm._h('label', {
})]), " ", (_vm.$slots.default) ? _h('label', {
staticClass: "md-checkbox-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")]) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -251,7 +259,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 60:
/***/ 66:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-checkbox.md-checked .md-checkbox-container, .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, .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME .md-checkbox.md-checked .md-ink-ripple, .THEME_NAME.md-checkbox.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-checkbox.md-checked .md-ripple, .THEME_NAME.md-checkbox.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container, .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, .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-checked .md-ink-ripple, .THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container, .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, .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-checked .md-ink-ripple, .THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-checkbox.md-disabled.md-checked .md-checkbox-container, .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, .THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"

2
dist/components/mdCheckbox/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdCheckbox/index.js vendored
View file

@ -1 +1 @@
!function(e,c){"object"==typeof exports&&"object"==typeof module?module.exports=c():"function"==typeof define&&define.amd?define([],c):"object"==typeof exports?exports.VueMaterial=c():e.VueMaterial=c()}(this,function(){return function(e){function c(o){if(d[o])return d[o].exports;var t=d[o]={exports:{},id:o,loaded:!1};return e[o].call(t.exports,t,t.exports,c),t.loaded=!0,t.exports}var d={};return c.m=e,c.c=d,c.p="/",c(0)}({0:function(e,c,d){e.exports=d(12)},12:function(e,c,d){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function t(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(a.default)}Object.defineProperty(c,"__esModule",{value:!0}),c.default=t;var r=d(129),n=o(r),i=d(99),a=o(i);e.exports=c.default},43:function(e,c){"use strict";Object.defineProperty(c,"__esModule",{value:!0}),c.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=c.default},88:function(e,c){},99:function(e,c){e.exports=".THEME_NAME .md-checkbox.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME .md-checkbox.md-checked .md-checkbox-container:after,.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME .md-checkbox.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-checkbox.md-checked .md-ripple,.THEME_NAME.md-checkbox.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container:after,.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME .md-checkbox.md-primary.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container:after,.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME .md-checkbox.md-warn.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-checkbox.md-disabled.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME .md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container,.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},129:function(e,c,d){var o,t;d(88),o=d(43);var r=d(195);t=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(t=o=o.default),"function"==typeof t&&(t=t.options),t.render=r.render,t.staticRenderFns=r.staticRenderFns,e.exports=o},195:function(e,c){e.exports={render:function(){var e=this;return e._h("div",{staticClass:"md-checkbox",class:e.classes},[e._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"disabled"}],staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(c){c.stopPropagation(),e.toggleCheck(c)}}},[e._h("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value}})])," ",e.$slots.default?e._h("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")]):e._e()])},staticRenderFns:[]}}})});
!function(e,c){"object"==typeof exports&&"object"==typeof module?module.exports=c():"function"==typeof define&&define.amd?define([],c):"object"==typeof exports?exports.VueMaterial=c():e.VueMaterial=c()}(this,function(){return function(e){function c(o){if(d[o])return d[o].exports;var t=d[o]={exports:{},id:o,loaded:!1};return e[o].call(t.exports,t,t.exports,c),t.loaded=!0,t.exports}var d={};return c.m=e,c.c=d,c.p="/",c(0)}({0:function(e,c,d){e.exports=d(12)},12:function(e,c,d){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function t(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(i.default)}Object.defineProperty(c,"__esModule",{value:!0}),c.default=t;var r=d(141),n=o(r),a=d(109),i=o(a);e.exports=c.default},47:function(e,c){"use strict";Object.defineProperty(c,"__esModule",{value:!0}),c.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=c.default},97:function(e,c){},109:function(e,c){e.exports=".THEME_NAME .md-checkbox.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME .md-checkbox.md-checked .md-checkbox-container:after,.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME .md-checkbox.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-checkbox.md-checked .md-ripple,.THEME_NAME.md-checkbox.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container:after,.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME .md-checkbox.md-primary.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container:after,.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME .md-checkbox.md-warn.md-checked .md-ink-ripple,.THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-checkbox.md-disabled.md-checked .md-checkbox-container,.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME .md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container,.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},141:function(e,c,d){var o,t;d(97),o=d(47);var r=d(220);t=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(t=o=o.default),"function"==typeof t&&(t=t.options),t.render=r.render,t.staticRenderFns=r.staticRenderFns,e.exports=o},220:function(e,c){e.exports={render:function(){var e=this,c=e.$createElement;return c("div",{staticClass:"md-checkbox",class:e.classes},[c("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"disabled"}],staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(c){c.stopPropagation(),e.toggleCheck(c)}}},[c("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value}})])," ",e.$slots.default?c("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")]):e._e()])},staticRenderFns:[]}}})});

37
dist/components/mdCore/index.css vendored
View file

@ -1 +1,36 @@
.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;transform:scale(0);background-color:currentColor;opacity:.26;border-radius:50%}.md-ripple.md-active{animation:ripple 1s cubic-bezier(.25,.8,.25,1)}@keyframes ripple{to{transform:scale(1.5);opacity:0}}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-ink-ripple {
pointer-events: none;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
mask-image: radial-gradient(circle, white 100%, black 100%);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.md-ripple {
position: absolute;
transform: scale(0);
background-color: currentColor;
opacity: .26;
border-radius: 50%;
}
.md-ripple.md-active {
animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes ripple {
to {
transform: scale(1.5);
opacity: 0;
}
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdCore/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdCore/index.css","sourceRoot":""}

175
dist/components/mdCore/index.debug.js vendored
View file

@ -55,12 +55,69 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(61);
module.exports = __webpack_require__(67);
/***/ },
/***/ 61:
/***/ 4:
/***/ function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
var result = [];
for(var i = 0; i < this.length; i++) {
var item = this[i];
if(item[2]) {
result.push("@media " + item[2] + "{" + item[1] + "}");
} else {
result.push(item[1]);
}
}
return result.join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
/***/ },
/***/ 67:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,19 +127,19 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdTheme = __webpack_require__(62);
var _mdTheme = __webpack_require__(68);
var _mdTheme2 = _interopRequireDefault(_mdTheme);
var _mdInkRipple = __webpack_require__(65);
var _mdInkRipple = __webpack_require__(71);
var _mdInkRipple2 = _interopRequireDefault(_mdInkRipple);
var _core = __webpack_require__(69);
var _core = __webpack_require__(75);
var _core2 = _interopRequireDefault(_core);
__webpack_require__(70);
__webpack_require__(76);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@ -109,7 +166,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 62:
/***/ 68:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -119,11 +176,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _palette = __webpack_require__(63);
var _palette = __webpack_require__(69);
var _palette2 = _interopRequireDefault(_palette);
var _rgba = __webpack_require__(64);
var _rgba = __webpack_require__(70);
var _rgba2 = _interopRequireDefault(_rgba);
@ -286,7 +343,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 63:
/***/ 69:
/***/ function(module, exports) {
'use strict';
@ -657,7 +714,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 64:
/***/ 70:
/***/ function(module, exports) {
'use strict';
@ -707,7 +764,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 65:
/***/ 71:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -717,9 +774,9 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
__webpack_require__(66);
__webpack_require__(72);
__webpack_require__(67);
__webpack_require__(73);
function install(Vue) {
var rippleParentClass = 'md-ink-ripple';
@ -729,7 +786,9 @@ return /******/ (function(modules) { // webpackBootstrap
var referenceElement = void 0;
var unregisterMouseEvent = function unregisterMouseEvent() {
referenceElement.removeEventListener('mousedown', registeredMouseFunction);
var el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : referenceElement;
el.removeEventListener('mousedown', registeredMouseFunction);
};
var registerMouseEvent = function registerMouseEvent(element, holder) {
@ -871,7 +930,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 66:
/***/ 72:
/***/ function(module, exports) {
/* scopeQuerySelectorShim.js
@ -942,14 +1001,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 67:
/***/ 73:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-40442342!sass!./mdInkRipple.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(74)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -969,23 +1028,30 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 69:
/***/ 74:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 75:
/***/ function(module, exports) {
module.exports = ".THEME_NAME :not(input):not(textarea)::selection {\n background: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n\n.THEME_NAME a:not(.md-button) {\n color: ACCENT-COLOR; }\n .THEME_NAME a:not(.md-button):hover {\n color: ACCENT-COLOR-800; }\n\nbody.THEME_NAME {\n background-color: BACKGROUND-COLOR-50;\n color: BACKGROUND-CONTRAST-0.87; }\n\n/* Typography */\n.THEME_NAME .md-caption,\n.THEME_NAME .md-display-1,\n.THEME_NAME .md-display-2,\n.THEME_NAME .md-display-3,\n.THEME_NAME .md-display-4 {\n color: BACKGROUND-CONTRAST-0.57; }\n\n.THEME_NAME code:not(.hljs) {\n background-color: ACCENT-COLOR-A100-0.2;\n color: ACCENT-COLOR-800; }\n"
/***/ },
/***/ 70:
/***/ 76:
/***/ function(module, exports, __webpack_require__) {
// style-loader: Adds some css to the DOM by adding a <style> tag
// load the styles
var content = __webpack_require__(71);
var content = __webpack_require__(77);
if(typeof content === 'string') content = [[module.id, content, '']];
// add the styles to the DOM
var update = __webpack_require__(73)(content, {});
var update = __webpack_require__(78)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {
@ -1003,79 +1069,22 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 71:
/***/ 77:
/***/ function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(72)();
exports = module.exports = __webpack_require__(4)();
// imports
// module
exports.push([module.id, "/* Common\n ========================================================================== */\n/* Transitions - Based on Angular Material\n ========================================================================== */\n/* Elevation - Based on Angular Material\n ========================================================================== */\n/* Structure\n ========================================================================== */\nhtml {\n height: 100%;\n box-sizing: border-box; }\n html *,\n html *:before,\n html *:after {\n box-sizing: inherit; }\n\nbody {\n min-height: 100%;\n margin: 0;\n position: relative;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n color: rgba(0, 0, 0, 0.87);\n font-family: Roboto, Lato, sans-serif; }\n\n/* Fluid Media\n ========================================================================== */\naudio,\nimg,\nsvg,\nobject,\nembed,\ncanvas,\nvideo,\niframe {\n max-width: 100%;\n height: auto;\n font-style: italic;\n vertical-align: middle; }\n\n/* Suppress the focus outline on links that cannot be accessed via keyboard.\n This prevents an unwanted focus outline from appearing around elements\n that might still respond to pointer events.\n ========================================================================== */\n[tabindex=\"-1\"]:focus {\n outline: none !important; }\n\n.md-scrollbar::-webkit-scrollbar,\n.md-scrollbar ::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n background-color: rgba(0, 0, 0, 0.05); }\n .md-scrollbar::-webkit-scrollbar:hover,\n .md-scrollbar ::-webkit-scrollbar:hover {\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.038);\n background-color: rgba(0, 0, 0, 0.087); }\n\n.md-scrollbar::-webkit-scrollbar-button,\n.md-scrollbar ::-webkit-scrollbar-button {\n display: none; }\n\n.md-scrollbar::-webkit-scrollbar-corner,\n.md-scrollbar ::-webkit-scrollbar-corner {\n background-color: transparent; }\n\n.md-scrollbar::-webkit-scrollbar-thumb,\n.md-scrollbar ::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.26);\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.087);\n transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }\n\n/* Text and Titles\n ========================================================================== */\n.md-caption {\n font-size: 12px;\n font-weight: 400;\n letter-spacing: .02em;\n line-height: 17px; }\n\n.md-body-1, body {\n font-size: 14px;\n font-weight: 400;\n letter-spacing: .01em;\n line-height: 20px; }\n\n.md-body-2 {\n font-size: 14px;\n font-weight: 500;\n letter-spacing: .01em;\n line-height: 24px; }\n\n.md-subheading {\n font-size: 16px;\n font-weight: 400;\n letter-spacing: .01em;\n line-height: 24px; }\n\n.md-title {\n font-size: 20px;\n font-weight: 500;\n letter-spacing: .005em;\n line-height: 26px; }\n\n.md-headline {\n font-size: 24px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 32px; }\n\n.md-display-1 {\n font-size: 34px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 40px; }\n\n.md-display-2 {\n font-size: 45px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 48px; }\n\n.md-display-3 {\n font-size: 56px;\n font-weight: 400;\n letter-spacing: -.005em;\n line-height: 58px; }\n\n.md-display-4 {\n font-size: 112px;\n font-weight: 300;\n letter-spacing: -.01em;\n line-height: 112px; }\n\n/* Links & Buttons\n ========================================================================== */\na:not(.md-button) {\n text-decoration: none; }\n a:not(.md-button):hover {\n text-decoration: underline; }\n\nbutton:focus {\n outline: none; }\n", ""]);
exports.push([module.id, "/* Common\n ========================================================================== */\n/* Transitions - Based on Angular Material\n ========================================================================== */\n/* Elevation - Based on Angular Material\n ========================================================================== */\n/* Structure\n ========================================================================== */\nhtml {\n height: 100%;\n box-sizing: border-box; }\n html *,\n html *:before,\n html *:after {\n box-sizing: inherit; }\n\nbody {\n min-height: 100%;\n margin: 0;\n position: relative;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n color: rgba(0, 0, 0, 0.87);\n font-family: Roboto, Lato, sans-serif; }\n\n/* Fluid Media\n ========================================================================== */\naudio,\nimg,\nsvg,\nobject,\nembed,\ncanvas,\nvideo,\niframe {\n max-width: 100%;\n height: auto;\n font-style: italic;\n vertical-align: middle; }\n\n/* Suppress the focus outline on links that cannot be accessed via keyboard.\n This prevents an unwanted focus outline from appearing around elements\n that might still respond to pointer events.\n ========================================================================== */\n[tabindex=\"-1\"]:focus {\n outline: none !important; }\n\n.md-scrollbar::-webkit-scrollbar,\n.md-scrollbar ::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12);\n transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);\n background-color: rgba(0, 0, 0, 0.05); }\n .md-scrollbar::-webkit-scrollbar:hover,\n .md-scrollbar ::-webkit-scrollbar:hover {\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.038);\n background-color: rgba(0, 0, 0, 0.087); }\n\n.md-scrollbar::-webkit-scrollbar-button,\n.md-scrollbar ::-webkit-scrollbar-button {\n display: none; }\n\n.md-scrollbar::-webkit-scrollbar-corner,\n.md-scrollbar ::-webkit-scrollbar-corner {\n background-color: transparent; }\n\n.md-scrollbar::-webkit-scrollbar-thumb,\n.md-scrollbar ::-webkit-scrollbar-thumb {\n background-color: rgba(0, 0, 0, 0.26);\n box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.087);\n transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }\n\n/* Text and Titles\n ========================================================================== */\n.md-caption {\n font-size: 12px;\n font-weight: 400;\n letter-spacing: .02em;\n line-height: 17px; }\n\n.md-body-1, body {\n font-size: 14px;\n font-weight: 400;\n letter-spacing: .01em;\n line-height: 20px; }\n\n.md-body-2 {\n font-size: 14px;\n font-weight: 500;\n letter-spacing: .01em;\n line-height: 24px; }\n\n.md-subheading {\n font-size: 16px;\n font-weight: 400;\n letter-spacing: .01em;\n line-height: 24px; }\n\n.md-title {\n font-size: 20px;\n font-weight: 500;\n letter-spacing: .005em;\n line-height: 26px; }\n\n.md-headline {\n font-size: 24px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 32px; }\n\n.md-display-1 {\n font-size: 34px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 40px; }\n\n.md-display-2 {\n font-size: 45px;\n font-weight: 400;\n letter-spacing: 0;\n line-height: 48px; }\n\n.md-display-3 {\n font-size: 56px;\n font-weight: 400;\n letter-spacing: -.005em;\n line-height: 58px; }\n\n.md-display-4 {\n font-size: 112px;\n font-weight: 300;\n letter-spacing: -.01em;\n line-height: 112px; }\n\n/* Links & Buttons\n ========================================================================== */\na:not(.md-button):not(.md-bottom-bar-item) {\n text-decoration: none; }\n a:not(.md-button):not(.md-bottom-bar-item):hover {\n text-decoration: underline; }\n\nbutton:focus {\n outline: none; }\n", ""]);
// exports
/***/ },
/***/ 72:
/***/ function(module, exports) {
/*
MIT License http://www.opensource.org/licenses/mit-license.php
Author Tobias Koppers @sokra
*/
// css base code, injected by the css-loader
module.exports = function() {
var list = [];
// return the list of modules as css string
list.toString = function toString() {
var result = [];
for(var i = 0; i < this.length; i++) {
var item = this[i];
if(item[2]) {
result.push("@media " + item[2] + "{" + item[1] + "}");
} else {
result.push(item[1]);
}
}
return result.join("");
};
// import a list of modules into the list
list.i = function(modules, mediaQuery) {
if(typeof modules === "string")
modules = [[null, modules, ""]];
var alreadyImportedModules = {};
for(var i = 0; i < this.length; i++) {
var id = this[i][0];
if(typeof id === "number")
alreadyImportedModules[id] = true;
}
for(i = 0; i < modules.length; i++) {
var item = modules[i];
// skip already imported module
// this implementation is not 100% perfect for weird media query combinations
// when a module is imported multiple times with different media queries.
// I hope this will never occur (Hey this way we have smaller bundles)
if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
if(mediaQuery && !item[2]) {
item[2] = mediaQuery;
} else if(mediaQuery) {
item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
}
list.push(item);
}
}
};
return list;
};
/***/ },
/***/ 73:
/***/ 78:
/***/ function(module, exports, __webpack_require__) {
/*

2
dist/components/mdCore/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdCore/index.js vendored
View file

File diff suppressed because one or more lines are too long

102
dist/components/mdDialog/index.css vendored Normal file
View file

@ -0,0 +1,102 @@
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-dialog-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
pointer-events: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 108;
}
.md-dialog-container.md-active {
pointer-events: auto;
}
.md-dialog-container.md-active .md-dialog {
opacity: 1 !important;
transform: scale(1) !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-property: opacity, transform;
}
.md-dialog-backdrop {
position: fixed;
z-index: 109;
}
.md-dialog {
min-width: 280px;
max-width: 80%;
max-height: 80%;
overflow: hidden;
position: relative;
z-index: 110;
outline: none;
border-radius: 2px;
opacity: 0;
box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
transform: scale(0.9, 0.85);
transform-origin: center center;
transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: opacity, transform;
}
.md-dialog.md-reference {
transform-origin: top center;
}
.md-dialog.md-transition-off {
transition: none !important;
}
.md-dialog p {
margin: 0;
}
.md-dialog-title {
margin-bottom: 20px;
padding: 24px 24px 0;
}
.md-dialog-content {
padding: 0 24px 24px;
}
.md-dialog-content:first-child {
padding-top: 24px;
}
.md-dialog-content p:first-child:not(:only-child) {
margin-top: 0;
}
.md-dialog-content p:last-child:not(:only-child) {
margin-bottom: 0;
}
.md-dialog-body {
margin: 0 -24px;
padding: 0 24px;
overflow: auto;
}
.md-dialog-actions {
min-height: 52px;
padding: 8px 8px 8px 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
}
.md-dialog-actions .md-button {
min-width: 64px;
margin: 0;
padding: 0 8px;
}
.md-dialog-actions .md-button + .md-button {
margin-left: 8px;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdDialog/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdDialog/index.css","sourceRoot":""}

1104
dist/components/mdDialog/index.debug.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

1
dist/components/mdDialog/index.debug.js.map vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/components/mdDialog/index.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

20
dist/components/mdDivider/index.css vendored
View file

@ -1 +1,19 @@
.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-divider {
height: 1px;
margin: 0;
padding: 0;
display: block;
border: 0;
background-color: rgba(0, 0, 0, 0.12);
}
.md-divider.md-inset {
margin-left: 72px;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdDivider/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdDivider/index.css","sourceRoot":""}

26
dist/components/mdDivider/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(74);
module.exports = __webpack_require__(101);
/***/ },
/***/ 74:
/***/ 101:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdDivider = __webpack_require__(75);
var _mdDivider = __webpack_require__(102);
var _mdDivider2 = _interopRequireDefault(_mdDivider);
@ -83,17 +83,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 75:
/***/ 102:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-30e870da!sass!./mdDivider.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(103)
/* template */
var __vue_template__ = __webpack_require__(77)
var __vue_template__ = __webpack_require__(104)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -128,14 +128,22 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 77:
/***/ 103:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 104:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('hr', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('hr', {
staticClass: "md-divider"
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {

2
dist/components/mdDivider/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdDivider/index.js vendored
View file

@ -1 +1 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(13)},13:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(i.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(130),i=o(u);e.exports=t.default},78:function(e,t){},130:function(e,t,n){var o,r;n(78);var u=n(174);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=o},174:function(e,t){e.exports={render:function(){var e=this;return e._h("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(14)},14:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(i.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(149),i=o(u);e.exports=t.default},86:function(e,t){},149:function(e,t,n){var o,r;n(86);var u=n(196);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=o},196:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return t("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})});

22
dist/components/mdIcon/index.css vendored
View file

@ -1 +1,21 @@
.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;vertical-align:middle}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-icon {
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
margin: auto;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
fill: currentColor;
vertical-align: middle;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdIcon/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdIcon/index.css","sourceRoot":""}

30
dist/components/mdIcon/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(78);
module.exports = __webpack_require__(105);
/***/ },
/***/ 78:
/***/ 105:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdIcon = __webpack_require__(79);
var _mdIcon = __webpack_require__(106);
var _mdIcon2 = _interopRequireDefault(_mdIcon);
var _mdIcon3 = __webpack_require__(82);
var _mdIcon3 = __webpack_require__(109);
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
@ -89,17 +89,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 79:
/***/ 106:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-f5836666!sass!./mdIcon.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(107)
/* template */
var __vue_template__ = __webpack_require__(81)
var __vue_template__ = __webpack_require__(108)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -134,14 +134,22 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 81:
/***/ 107:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 108:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('i', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('i', {
staticClass: "md-icon material-icons"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -151,7 +159,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 82:
/***/ 109:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-icon.md-primary, .THEME_NAME.md-icon.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-icon.md-accent, .THEME_NAME.md-icon.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-icon.md-warn, .THEME_NAME.md-icon.md-warn {\n color: WARN-COLOR; }\n"

2
dist/components/mdIcon/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdIcon/index.js vendored
View file

@ -1 +1 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(14)},14:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(c.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(131),c=o(i),d=n(100),u=o(d);e.exports=t.default},93:function(e,t){},100:function(e,t){e.exports=".THEME_NAME .md-icon.md-primary,.THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-icon.md-accent,.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-icon.md-warn,.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},131:function(e,t,n){var o,r;n(93);var i=n(203);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=o},203:function(e,t){e.exports={render:function(){var e=this;return e._h("i",{staticClass:"md-icon material-icons"},[e._t("default")])},staticRenderFns:[]}}})});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(15)},15:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(i.default)),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var c=n(150),i=o(c),d=n(111),a=o(d);e.exports=t.default},103:function(e,t){},111:function(e,t){e.exports=".THEME_NAME .md-icon.md-primary,.THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-icon.md-accent,.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-icon.md-warn,.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},150:function(e,t,n){var o,r;n(103);var c=n(230);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=c.render,r.staticRenderFns=c.staticRenderFns,e.exports=o},230:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return t("i",{staticClass:"md-icon material-icons"},[e._t("default")])},staticRenderFns:[]}}})});

159
dist/components/mdInputContainer/index.css vendored
View file

@ -1 +1,158 @@
.md-input-container{min-height:48px;margin:4px 0 24px;padding-top:16px;position:relative}.md-input-container:after{height:1px;right:0;bottom:0;background-color:rgba(0,0,0,.12);content:" "}.md-input-container:after,.md-input-container label{position:absolute;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container label{top:23px;pointer-events:none;transition-duration:.3s;color:rgba(0,0,0,.54);font-size:16px;line-height:20px}.md-input-container input,.md-input-container textarea{width:100%;height:32px;padding:0;display:block;border:none;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:font-size;color:rgba(0,0,0,.54);font-family:inherit;font-size:1px;line-height:32px}.md-input-container input:focus,.md-input-container textarea:focus{outline:none}.md-input-container input::-webkit-input-placeholder,.md-input-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.54);font-size:16px;text-shadow:none;-webkit-text-fill-color:initial}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;line-height:1.3em;resize:none}.md-input-container .md-error{height:20px;display:block!important;position:absolute;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2);font-size:12px}.md-input-container .md-count{height:20px;position:absolute;right:0;font-size:12px}.md-input-container.md-input-placeholder label{pointer-events:auto;top:10px;opacity:0;font-size:12px}.md-input-container.md-input-placeholder input,.md-input-container.md-input-placeholder textarea{font-size:16px}.md-input-container.md-has-value label,.md-input-container.md-input-focused label{pointer-events:auto;top:0;opacity:1;font-size:12px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea,.md-input-container.md-input-focused input,.md-input-container.md-input-focused textarea{font-size:16px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea{color:rgba(0,0,0,.87)}.md-input-container.md-input-inline label{pointer-events:none}.md-input-container.md-input-inline.md-input-focused label{top:23px;font-size:16px}.md-input-container.md-input-inline.md-has-value label{opacity:0}.md-input-container.md-input-disabled:after{background:0 100% repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,.38) 0,rgba(0,0,0,.38) 33%,transparent 0);background-size:4px 1px}.md-input-container.md-input-disabled input,.md-input-container.md-input-disabled label,.md-input-container.md-input-disabled textarea{color:rgba(0,0,0,.38)}.md-input-container.md-has-password.md-input-focused .md-toggle-password{color:rgba(0,0,0,.54)}.md-input-container.md-has-password .md-toggle-password{margin:0;position:absolute;right:0;bottom:-2px;color:rgba(0,0,0,.38)}.md-input-container.md-has-password .md-toggle-password .md-ink-ripple{color:rgba(0,0,0,.87)}.md-input-container.md-input-invalid .md-error{opacity:1;transform:translateZ(0)}.md-input-container.md-input-required label:after{position:absolute;top:2px;right:0;transform:translateX(calc(100% + 2px));content:"*";font-size:12px;line-height:1em;vertical-align:top}.md-input-container.md-has-select:hover .md-select:after{color:rgba(0,0,0,.87)}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-input-container {
min-height: 48px;
margin: 4px 0 24px;
padding-top: 16px;
position: relative;
}
.md-input-container:after {
height: 1px;
position: absolute;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.12);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
content: " ";
}
.md-input-container label {
position: absolute;
top: 23px;
left: 0;
pointer-events: none;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .3s;
color: rgba(0, 0, 0, 0.54);
font-size: 16px;
line-height: 20px;
}
.md-input-container input,
.md-input-container textarea {
width: 100%;
height: 32px;
padding: 0;
display: block;
border: none;
background: none;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-property: font-size;
color: rgba(0, 0, 0, 0.54);
font-family: inherit;
font-size: 1px;
line-height: 32px;
}
.md-input-container input:focus,
.md-input-container textarea:focus {
outline: none;
}
.md-input-container input::-webkit-input-placeholder,
.md-input-container textarea::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.54);
font-size: 16px;
text-shadow: none;
-webkit-text-fill-color: initial;
}
.md-input-container textarea {
min-height: 32px;
max-height: 230px;
padding: 5px 0;
line-height: 1.3em;
resize: none;
}
.md-input-container .md-error {
height: 20px;
display: block !important;
position: absolute;
opacity: 0;
transform: translate3d(0, -8px, 0);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
font-size: 12px;
}
.md-input-container .md-count {
height: 20px;
position: absolute;
right: 0;
font-size: 12px;
}
.md-input-container.md-input-placeholder label {
pointer-events: auto;
top: 10px;
opacity: 0;
font-size: 12px;
}
.md-input-container.md-input-placeholder input,
.md-input-container.md-input-placeholder textarea {
font-size: 16px;
}
.md-input-container.md-input-focused label, .md-input-container.md-has-value label {
pointer-events: auto;
top: 0;
opacity: 1;
font-size: 12px;
}
.md-input-container.md-input-focused input,
.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input,
.md-input-container.md-has-value textarea {
font-size: 16px;
}
.md-input-container.md-has-value input,
.md-input-container.md-has-value textarea {
color: rgba(0, 0, 0, 0.87);
}
.md-input-container.md-input-inline label {
pointer-events: none;
}
.md-input-container.md-input-inline.md-input-focused label {
top: 23px;
font-size: 16px;
}
.md-input-container.md-input-inline.md-has-value label {
opacity: 0;
}
.md-input-container.md-input-disabled:after {
background: bottom left repeat-x;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
background-size: 4px 1px;
}
.md-input-container.md-input-disabled label,
.md-input-container.md-input-disabled input,
.md-input-container.md-input-disabled textarea {
color: rgba(0, 0, 0, 0.38);
}
.md-input-container.md-has-password.md-input-focused .md-toggle-password {
color: rgba(0, 0, 0, 0.54);
}
.md-input-container.md-has-password .md-toggle-password {
margin: 0;
position: absolute;
right: 0;
bottom: -2px;
color: rgba(0, 0, 0, 0.38);
}
.md-input-container.md-has-password .md-toggle-password .md-ink-ripple {
color: rgba(0, 0, 0, 0.87);
}
.md-input-container.md-input-invalid .md-error {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.md-input-container.md-input-required label:after {
position: absolute;
top: 2px;
right: 0;
transform: translateX(calc(100% + 2px));
content: "*";
font-size: 12px;
line-height: 1em;
vertical-align: top;
}
.md-input-container.md-has-select:hover .md-select:after {
color: rgba(0, 0, 0, 0.87);
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdInputContainer/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdInputContainer/index.css","sourceRoot":""}

145
dist/components/mdInputContainer/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(83);
module.exports = __webpack_require__(110);
/***/ },
/***/ 83:
/***/ 110:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,19 +70,19 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdInputContainer = __webpack_require__(84);
var _mdInputContainer = __webpack_require__(111);
var _mdInputContainer2 = _interopRequireDefault(_mdInputContainer);
var _mdInput = __webpack_require__(89);
var _mdInput = __webpack_require__(116);
var _mdInput2 = _interopRequireDefault(_mdInput);
var _mdTextarea = __webpack_require__(94);
var _mdTextarea = __webpack_require__(121);
var _mdTextarea2 = _interopRequireDefault(_mdTextarea);
var _mdInputContainer3 = __webpack_require__(98);
var _mdInputContainer3 = __webpack_require__(125);
var _mdInputContainer4 = _interopRequireDefault(_mdInputContainer3);
@ -99,20 +99,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 84:
/***/ 111:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-4e747acd!sass!./mdInputContainer.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(112)
/* script */
__vue_exports__ = __webpack_require__(86)
__vue_exports__ = __webpack_require__(113)
/* template */
var __vue_template__ = __webpack_require__(88)
var __vue_template__ = __webpack_require__(115)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -147,7 +147,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 86:
/***/ 112:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 113:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -156,7 +163,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _isArray = __webpack_require__(87);
var _isArray = __webpack_require__(114);
var _isArray2 = _interopRequireDefault(_isArray);
@ -165,7 +172,6 @@ return /******/ (function(modules) { // webpackBootstrap
exports.default = {
props: {
mdInline: Boolean,
mdDisabled: Boolean,
mdHasPassword: Boolean
},
data: function data() {
@ -254,7 +260,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 87:
/***/ 114:
/***/ function(module, exports) {
"use strict";
@ -271,22 +277,23 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 88:
/***/ 115:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-input-container",
class: _vm.classes
}, [_vm._t("default"), " ", (_vm.enableCounter) ? _vm._h('span', {
}, [_vm._t("default"), " ", (_vm.enableCounter) ? _h('span', {
staticClass: "md-count"
}, [_vm._s(_vm.inputLength) + " / " + _vm._s(_vm.counterLength)]) : _vm._e(), " ", (_vm.mdHasPassword) ? _vm._h('md-button', {
}, [_vm._s(_vm.inputLength) + " / " + _vm._s(_vm.counterLength)]) : _vm._e(), " ", (_vm.mdHasPassword) ? _h('md-button', {
staticClass: "md-icon-button md-toggle-password",
on: {
"click": _vm.togglePasswordType
}
}, [_vm._h('md-icon', [_vm._s(_vm.showPassword ? 'visibility_off' : 'visibility')])]) : _vm._e()])
}, [_h('md-icon', [_vm._s(_vm.showPassword ? 'visibility_off' : 'visibility')])]) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -296,17 +303,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 89:
/***/ 116:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(90)
__vue_exports__ = __webpack_require__(117)
/* template */
var __vue_template__ = __webpack_require__(93)
var __vue_template__ = __webpack_require__(120)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -341,7 +348,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 90:
/***/ 117:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -350,11 +357,11 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _common = __webpack_require__(91);
var _common = __webpack_require__(118);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -405,7 +412,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 91:
/***/ 118:
/***/ function(module, exports) {
'use strict';
@ -476,7 +483,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 92:
/***/ 119:
/***/ function(module, exports) {
"use strict";
@ -485,7 +492,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
if (!$parent || !$parent.$el) {
return false;
}
@ -505,11 +512,11 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 93:
/***/ 120:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('input', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('input', {
staticClass: "md-input",
attrs: {
"type": _vm.type,
@ -526,15 +533,16 @@ return /******/ (function(modules) { // webpackBootstrap
"blur": _vm.onBlur,
"input": _vm.onInput,
"keydown": [function($event) {
if ($event.keyCode !== 38) { return; }
if (_vm._k($event.keyCode, "up", 38)) { return; }
_vm.onInput($event)
}, function($event) {
if ($event.keyCode !== 40) { return; }
if (_vm._k($event.keyCode, "down", 40)) { return; }
_vm.onInput($event)
}]
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -544,17 +552,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 94:
/***/ 121:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(95)
__vue_exports__ = __webpack_require__(122)
/* template */
var __vue_template__ = __webpack_require__(97)
var __vue_template__ = __webpack_require__(124)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -589,7 +597,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 95:
/***/ 122:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -598,15 +606,15 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _autosize = __webpack_require__(96);
var _autosize = __webpack_require__(123);
var _autosize2 = _interopRequireDefault(_autosize);
var _common = __webpack_require__(91);
var _common = __webpack_require__(118);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -656,11 +664,11 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 96:
/***/ 123:
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Autosize 3.0.18
Autosize 3.0.20
license: MIT
http://www.jacklmoore.com/autosize
*/
@ -679,7 +687,7 @@ return /******/ (function(modules) { // webpackBootstrap
})(this, function (exports, module) {
'use strict';
var map = typeof Map === 'function' ? new Map() : (function () {
var map = typeof Map === "function" ? new Map() : (function () {
var keys = [];
var values = [];
@ -702,11 +710,12 @@ return /******/ (function(modules) { // webpackBootstrap
keys.splice(index, 1);
values.splice(index, 1);
}
} };
}
};
})();
var createEvent = function createEvent(name) {
return new Event(name);
return new Event(name, { bubbles: true });
};
try {
new Event('test');
@ -763,8 +772,6 @@ return /******/ (function(modules) { // webpackBootstrap
}
ta.style.overflowY = value;
resize();
}
function getParentOverflows(el) {
@ -774,7 +781,8 @@ return /******/ (function(modules) { // webpackBootstrap
if (el.parentNode.scrollTop) {
arr.push({
node: el.parentNode,
scrollTop: el.parentNode.scrollTop });
scrollTop: el.parentNode.scrollTop
});
}
el = el.parentNode;
}
@ -815,29 +823,36 @@ return /******/ (function(modules) { // webpackBootstrap
function update() {
resize();
var computed = window.getComputedStyle(ta, null);
var computedHeight = Math.round(parseFloat(computed.height));
var styleHeight = Math.round(parseFloat(ta.style.height));
var computed = window.getComputedStyle(ta, null);
var actualHeight = Math.round(parseFloat(computed.height));
// The computed height not matching the height set via resize indicates that
// The actual height not matching the style height (set via the resize method) indicates that
// the max-height has been exceeded, in which case the overflow should be set to visible.
if (computedHeight !== styleHeight) {
if (actualHeight !== styleHeight) {
if (computed.overflowY !== 'visible') {
changeOverflow('visible');
resize();
actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
}
} else {
// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
if (computed.overflowY !== 'hidden') {
changeOverflow('hidden');
resize();
actualHeight = Math.round(parseFloat(window.getComputedStyle(ta, null).height));
}
}
if (cachedHeight !== computedHeight) {
cachedHeight = computedHeight;
if (cachedHeight !== actualHeight) {
cachedHeight = actualHeight;
var evt = createEvent('autosize:resized');
try {
ta.dispatchEvent(evt);
} catch (err) {}
} catch (err) {
// Firefox will throw an error on dispatchEvent for a detached element
// https://bugzilla.mozilla.org/show_bug.cgi?id=889376
}
}
}
@ -864,7 +879,8 @@ return /******/ (function(modules) { // webpackBootstrap
resize: ta.style.resize,
overflowY: ta.style.overflowY,
overflowX: ta.style.overflowX,
wordWrap: ta.style.wordWrap });
wordWrap: ta.style.wordWrap
});
ta.addEventListener('autosize:destroy', destroy, false);
@ -883,7 +899,8 @@ return /******/ (function(modules) { // webpackBootstrap
map.set(ta, {
destroy: destroy,
update: update });
update: update
});
init();
}
@ -940,17 +957,14 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = autosize;
});
// Firefox will throw an error on dispatchEvent for a detached element
// https://bugzilla.mozilla.org/show_bug.cgi?id=889376
/***/ },
/***/ 97:
/***/ 124:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('textarea', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('textarea', {
staticClass: "md-input",
attrs: {
"disabled": _vm.disabled,
@ -968,6 +982,7 @@ return /******/ (function(modules) { // webpackBootstrap
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -977,7 +992,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 98:
/***/ 125:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-input-container.md-input-invalid:after, .THEME_NAME.md-input-container.md-input-invalid:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-invalid label,\n.THEME_NAME .md-input-container.md-input-invalid .md-error,\n.THEME_NAME .md-input-container.md-input-invalid .md-count,\n.THEME_NAME .md-input-container.md-input-invalid input,\n.THEME_NAME .md-input-container.md-input-invalid textarea, .THEME_NAME.md-input-container.md-input-invalid label,\n.THEME_NAME.md-input-container.md-input-invalid .md-error,\n.THEME_NAME.md-input-container.md-input-invalid .md-count,\n.THEME_NAME.md-input-container.md-input-invalid input,\n.THEME_NAME.md-input-container.md-input-invalid textarea {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-focused.md-input-inline label, .THEME_NAME.md-input-container.md-input-focused.md-input-inline label {\n color: rgba(0, 0, 0, 0.54); }\n\n.THEME_NAME .md-input-container.md-input-focused.md-input-required label:after, .THEME_NAME.md-input-container.md-input-focused.md-input-required label:after {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-focused:after, .THEME_NAME.md-input-container.md-input-focused:after {\n height: 2px;\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-focused input,\n.THEME_NAME .md-input-container.md-input-focused textarea, .THEME_NAME.md-input-container.md-input-focused input,\n.THEME_NAME.md-input-container.md-input-focused textarea {\n color: PRIMARY-COLOR;\n text-shadow: 0 0 0 BACKGROUND-CONTRAST;\n -webkit-text-fill-color: transparent; }\n\n.THEME_NAME .md-input-container.md-input-focused label, .THEME_NAME.md-input-container.md-input-focused label {\n color: PRIMARY-COLOR; }\n"

2
dist/components/mdInputContainer/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

6
dist/components/mdInputContainer/index.js vendored
View file

File diff suppressed because one or more lines are too long

249
dist/components/mdList/index.css vendored
View file

@ -1 +1,248 @@
.md-list{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;position:relative;list-style:none}.md-list.md-dense{padding:4px 0}.md-list.md-dense .md-list-item.md-inset .md-list-item-container{padding-left:72px}.md-list.md-dense .md-list-item .md-list-item-container{min-height:40px;font-size:13px}.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child{margin-right:24px}.md-list.md-dense .md-avatar{width:32px;min-width:32px;height:32px;min-height:32px}.md-list.md-dense .md-list-item-expand{min-height:40px}.md-list.md-double-line.md-dense .md-list-item .md-list-item-container{min-height:60px}.md-list.md-double-line.md-dense .md-list-item .md-avatar{width:36px;min-width:36px;height:36px;min-height:36px}.md-list.md-double-line.md-dense .md-list-item .md-avatar:first-child{margin-right:20px}.md-list.md-double-line.md-dense .md-list-text-container>:nth-child(1),.md-list.md-double-line.md-dense .md-list-text-container>:nth-child(2){font-size:13px}.md-list.md-double-line .md-list-item .md-list-item-container{min-height:72px}.md-list.md-triple-line.md-dense .md-list-item .md-list-item-container{min-height:76px}.md-list.md-triple-line.md-dense .md-list-item .md-avatar{width:36px;min-width:36px;height:36px;min-height:36px}.md-list.md-triple-line.md-dense .md-list-item .md-avatar:first-child{margin-right:20px}.md-list.md-triple-line.md-dense .md-list-text-container>:nth-child(1),.md-list.md-triple-line.md-dense .md-list-text-container>:nth-child(2){font-size:13px}.md-list.md-triple-line .md-list-item .md-list-item-container{min-height:88px}.md-list.md-triple-line .md-avatar{margin:0}.md-list.md-triple-line .md-list-item-container{-ms-flex-align:start;align-items:flex-start}.md-list .md-subheader.md-inset{padding-left:72px}.md-list>.md-subheader:first-of-type{margin-top:-8px}.md-list-item{height:auto;position:relative}.md-list-item.md-inset .md-list-item-container{padding-left:72px}.md-list-item .md-list-item-holder{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1}.md-list-item .md-list-item-holder>.md-ink-ripple{border-radius:0}.md-list-item .md-list-item-holder>.md-icon:first-child{margin-right:32px}.md-list-item .md-list-item-holder .md-avatar:first-child{margin-right:16px}.md-list-item .md-list-item-holder .md-list-action{margin:0 -2px 0 0}.md-list-item .md-list-item-holder .md-list-action:nth-child(3){margin:0 -2px 0 16px}.md-list-item .md-list-item-container{width:100%;min-height:48px;margin:0;padding:0 16px;position:relative;border-radius:0;font-size:16px;font-weight:400;text-align:left;text-transform:none}.md-list-item .md-divider{position:absolute;bottom:0;right:0;left:0}.md-list-item .md-avatar,.md-list-item .md-icon{margin:0}.md-list-item .md-avatar:first-of-type+*,.md-list-item .md-icon:first-of-type+*{-ms-flex:1 1 auto;flex:1 1 auto}.md-list-item .md-avatar{margin-top:8px;margin-bottom:8px}.md-list-item .md-icon{color:rgba(0,0,0,.54)}.md-list-item-expand{min-height:48px;-ms-flex-flow:column wrap;flex-flow:column wrap;overflow:hidden}.md-list-item-expand:after,.md-list-item-expand:before{height:1px;position:absolute;right:0;left:0;z-index:3;transition:all .4s cubic-bezier(.25,.8,.25,1);content:" "}.md-list-item-expand:before{top:0}.md-list-item-expand:after{bottom:0}.md-list-item-expand.md-active{position:relative}.md-list-item-expand.md-active:after,.md-list-item-expand.md-active:before{background-color:rgba(0,0,0,.12)}.md-list-item-expand.md-active:first-of-type:before,.md-list-item-expand.md-active:last-of-type:after{background:none}.md-list-item-expand.md-active>.md-list-item-container .md-list-expand-indicator{transform:rotate(180deg) translate3D(0,0,0)}.md-list-item-expand.md-active>.md-list-expand{margin-bottom:0!important}.md-list-item-expand>.md-list-item-container>.md-list-item-holder{position:relative;z-index:2}.md-list-item-expand .md-expansion-indicator,.md-list-item-expand .md-icon,.md-list-item-expand .md-list-item-container{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-list-item-expand .md-list-expand{position:relative;z-index:1;transform:translate3D(0,0,0);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-list-item-expand .md-list-expand.md-transition-off{transition:none}.md-list-item-expand .md-list-expand .md-list{padding:0}.md-list-text-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;-ms-flex:1;flex:1;overflow:hidden;line-height:1.25em;text-overflow:ellipsis;white-space:normal}.md-list-text-container>:nth-child(1){font-size:16px}.md-list-text-container>:nth-child(2),.md-list-text-container>:nth-child(3){margin:0;color:rgba(0,0,0,.54);font-size:14px}.md-list-text-container>:nth-child(2):not(:last-child){color:rgba(0,0,0,.87)}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-list {
margin: 0;
padding: 8px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
position: relative;
list-style: none;
}
.md-list.md-dense {
padding: 4px 0;
}
.md-list.md-dense .md-list-item.md-inset .md-list-item-container {
padding-left: 72px;
}
.md-list.md-dense .md-list-item .md-list-item-container {
min-height: 40px;
font-size: 13px;
}
.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child {
margin-right: 24px;
}
.md-list.md-dense .md-avatar {
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
}
.md-list.md-dense .md-list-item-expand {
min-height: 40px;
}
.md-list.md-double-line.md-dense .md-list-item .md-list-item-container {
min-height: 60px;
}
.md-list.md-double-line.md-dense .md-list-item .md-avatar {
width: 36px;
min-width: 36px;
height: 36px;
min-height: 36px;
}
.md-list.md-double-line.md-dense .md-list-item .md-avatar:first-child {
margin-right: 20px;
}
.md-list.md-double-line.md-dense .md-list-text-container > :nth-child(1) {
font-size: 13px;
}
.md-list.md-double-line.md-dense .md-list-text-container > :nth-child(2) {
font-size: 13px;
}
.md-list.md-double-line .md-list-item .md-list-item-container {
min-height: 72px;
}
.md-list.md-triple-line.md-dense .md-list-item .md-list-item-container {
min-height: 76px;
}
.md-list.md-triple-line.md-dense .md-list-item .md-avatar {
width: 36px;
min-width: 36px;
height: 36px;
min-height: 36px;
}
.md-list.md-triple-line.md-dense .md-list-item .md-avatar:first-child {
margin-right: 20px;
}
.md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(1) {
font-size: 13px;
}
.md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(2) {
font-size: 13px;
}
.md-list.md-triple-line .md-list-item .md-list-item-container {
min-height: 88px;
}
.md-list.md-triple-line .md-avatar {
margin: 0;
}
.md-list.md-triple-line .md-list-item-container {
-ms-flex-align: start;
align-items: flex-start;
}
.md-list .md-subheader.md-inset {
padding-left: 72px;
}
.md-list > .md-subheader:first-of-type {
margin-top: -8px;
}
.md-list-item {
height: auto;
position: relative;
}
.md-list-item.md-inset .md-list-item-container {
padding-left: 72px;
}
.md-list-item .md-list-item-holder {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex: 1;
flex: 1;
}
.md-list-item .md-list-item-holder > .md-ink-ripple {
border-radius: 0;
}
.md-list-item .md-list-item-holder > .md-icon:first-child {
margin-right: 32px;
}
.md-list-item .md-list-item-holder .md-avatar:first-child {
margin-right: 16px;
}
.md-list-item .md-list-item-holder .md-list-action {
margin: 0 -2px 0 0;
}
.md-list-item .md-list-item-holder .md-list-action:nth-child(3) {
margin: 0 -2px 0 16px;
}
.md-list-item .md-list-item-container {
width: 100%;
min-height: 48px;
margin: 0;
padding: 0 16px;
position: relative;
border-radius: 0;
font-size: 16px;
font-weight: 400;
text-align: left;
text-transform: none;
}
.md-list-item .md-divider {
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.md-list-item .md-icon,
.md-list-item .md-avatar {
margin: 0;
}
.md-list-item .md-icon:first-of-type + *,
.md-list-item .md-avatar:first-of-type + * {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.md-list-item .md-avatar {
margin-top: 8px;
margin-bottom: 8px;
}
.md-list-item .md-icon {
color: rgba(0, 0, 0, 0.54);
}
.md-list-item-expand {
min-height: 48px;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
overflow: hidden;
}
.md-list-item-expand:before, .md-list-item-expand:after {
height: 1px;
position: absolute;
right: 0;
left: 0;
z-index: 3;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
content: " ";
}
.md-list-item-expand:before {
top: 0;
}
.md-list-item-expand:after {
bottom: 0;
}
.md-list-item-expand.md-active {
position: relative;
}
.md-list-item-expand.md-active:before, .md-list-item-expand.md-active:after {
background-color: rgba(0, 0, 0, 0.12);
}
.md-list-item-expand.md-active:first-of-type:before {
background: none;
}
.md-list-item-expand.md-active:last-of-type:after {
background: none;
}
.md-list-item-expand.md-active > .md-list-item-container .md-list-expand-indicator {
transform: rotateZ(180deg) translate3D(0, 0, 0);
}
.md-list-item-expand.md-active > .md-list-expand {
margin-bottom: 0 !important;
}
.md-list-item-expand > .md-list-item-container > .md-list-item-holder {
position: relative;
z-index: 2;
}
.md-list-item-expand .md-expansion-indicator,
.md-list-item-expand .md-list-item-container,
.md-list-item-expand .md-icon {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-list-item-expand .md-list-expand {
position: relative;
z-index: 1;
transform: translate3D(0, 0, 0);
will-change: margin-bottom;
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-list-item-expand .md-list-expand.md-transition-off {
transition: none;
}
.md-list-item-expand .md-list-expand .md-list {
padding: 0;
}
.md-list-text-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex: 1;
flex: 1;
overflow: hidden;
line-height: 1.25em;
text-overflow: ellipsis;
white-space: normal;
}
.md-list-text-container > :nth-child(1) {
font-size: 16px;
}
.md-list-text-container > :nth-child(2),
.md-list-text-container > :nth-child(3) {
margin: 0;
color: rgba(0, 0, 0, 0.54);
font-size: 14px;
}
.md-list-text-container > :nth-child(2):not(:last-child) {
color: rgba(0, 0, 0, 0.87);
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdList/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdList/index.css","sourceRoot":""}

55
dist/components/mdList/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(99);
module.exports = __webpack_require__(126);
/***/ },
/***/ 99:
/***/ 126:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,19 +70,19 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdList = __webpack_require__(100);
var _mdList = __webpack_require__(127);
var _mdList2 = _interopRequireDefault(_mdList);
var _mdListItem = __webpack_require__(103);
var _mdListItem = __webpack_require__(130);
var _mdListItem2 = _interopRequireDefault(_mdListItem);
var _mdListExpand = __webpack_require__(105);
var _mdListExpand = __webpack_require__(132);
var _mdListExpand2 = _interopRequireDefault(_mdListExpand);
var _mdList3 = __webpack_require__(108);
var _mdList3 = __webpack_require__(135);
var _mdList4 = _interopRequireDefault(_mdList3);
@ -99,17 +99,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 100:
/***/ 127:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-426a192d!sass!./mdList.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(128)
/* template */
var __vue_template__ = __webpack_require__(102)
var __vue_template__ = __webpack_require__(129)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -144,14 +144,22 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 102:
/***/ 128:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 129:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('ul', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('ul', {
staticClass: "md-list"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -161,14 +169,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 103:
/***/ 130:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(104)
__vue_exports__ = __webpack_require__(131)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -201,7 +209,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 104:
/***/ 131:
/***/ function(module, exports) {
'use strict';
@ -347,17 +355,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 105:
/***/ 132:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(106)
__vue_exports__ = __webpack_require__(133)
/* template */
var __vue_template__ = __webpack_require__(107)
var __vue_template__ = __webpack_require__(134)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -392,7 +400,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 106:
/***/ 133:
/***/ function(module, exports) {
'use strict';
@ -427,17 +435,18 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 107:
/***/ 134:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-list-expand",
style: ({
'margin-bottom': _vm.height
})
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -447,7 +456,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 108:
/***/ 135:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-list, .THEME_NAME.md-list {\n background-color: BACKGROUND-COLOR-A100;\n color: BACKGROUND-CONTRAST; }\n .THEME_NAME .md-list.md-transparent, .THEME_NAME.md-list.md-transparent {\n background-color: transparent;\n color: inherit; }\n .THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container, .THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container > .md-icon {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container > .md-icon {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container > .md-icon {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container {\n color: WARN-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container > .md-icon {\n color: WARN-COLOR; }\n .THEME_NAME .md-list .md-list-item-expand .md-list-item-container, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-list .md-list-item-expand .md-list-item-container:hover, .THEME_NAME .md-list .md-list-item-expand .md-list-item-container:focus, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container:hover, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container:focus {\n background-color: rgba(153, 153, 153, 0.2); }\n"

2
dist/components/mdList/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdList/index.js vendored
View file

File diff suppressed because one or more lines are too long

117
dist/components/mdMenu/index.css vendored
View file

@ -1 +1,116 @@
.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:fixed;z-index:120;background-color:#fff;border-radius:2px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2)) drop-shadow(0 2px 2px rgba(0,0,0,.14)) drop-shadow(0 1px 1px rgba(0,0,0,.12));opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),clip-path .17s cubic-bezier(.55,0,.55,.2) .08s,-webkit-clip-path .17s cubic-bezier(.55,0,.55,.2) .08s;color:rgba(33,33,33,.87)}.md-menu-content.md-direction-bottom-right{margin-top:-11px;margin-left:-8px;-webkit-clip-path:inset(-8px 10% 16% -8px);clip-path:inset(-8px 10% 16% -8px)}.md-menu-content.md-direction-bottom-left{margin-top:-11px;margin-left:8px;-webkit-clip-path:inset(-8px -8px 16% 10%);clip-path:inset(-8px -8px 16% 10%)}.md-menu-content.md-direction-top-right{margin-top:11px;margin-left:-8px;-webkit-clip-path:inset(-8px 16% -8px 10%);clip-path:inset(-8px 16% -8px 10%)}.md-menu-content.md-direction-top-left{margin-top:11px;margin-left:8px;-webkit-clip-path:inset(16% -8px -8px 10%);clip-path:inset(16% -8px -8px 10%)}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;-webkit-clip-path:inset(-8px -8px -8px -8px);clip-path:inset(-8px -8px -8px -8px);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),clip-path .27s cubic-bezier(.25,.8,.25,1) .08s,-webkit-clip-path .27s cubic-bezier(.25,.8,.25,1) .08s}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item.md-highlighted .md-button:not([disabled]),.md-menu-item:focus .md-button:not([disabled]),.md-menu-item:hover .md-button:not([disabled]){background-color:rgba(0,0,0,.12)}.md-menu-item[disabled]{cursor:default;color:rgba(0,0,0,.38)}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-menu {
display: inline-block;
}
.md-menu-content {
width: 168px;
min-width: 84px;
max-width: 392px;
min-height: 64px;
max-height: calc(100vh - 32px);
overflow-x: hidden;
overflow-y: auto;
position: absolute;
z-index: 120;
transform: scale(0.9, 0.85) translateZ(0);
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
opacity: 0;
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
will-change: transform, opacity, width;
color: rgba(33, 33, 33, 0.87);
}
.md-menu-content.md-direction-bottom-right {
margin-top: -20px;
margin-left: -8px;
transform-origin: top left;
}
.md-menu-content.md-direction-bottom-right.md-active {
margin-top: -11px;
}
.md-menu-content.md-direction-bottom-left {
margin-top: -20px;
margin-left: 8px;
transform-origin: top right;
}
.md-menu-content.md-direction-bottom-left.md-active {
margin-top: -11px;
}
.md-menu-content.md-direction-top-right {
margin-top: 20px;
margin-left: -8px;
transform-origin: bottom left;
}
.md-menu-content.md-direction-top-right.md-active {
margin-top: 11px;
}
.md-menu-content.md-direction-top-left {
margin-top: 20px;
margin-left: 8px;
transform-origin: bottom right;
}
.md-menu-content.md-direction-top-left.md-active {
margin-top: 11px;
}
.md-menu-content.md-align-trigger {
margin: 0;
}
.md-menu-content.md-size-1 {
width: 84px;
}
.md-menu-content.md-size-2 {
width: 112px;
}
.md-menu-content.md-size-3 {
width: 168px;
}
.md-menu-content.md-size-4 {
width: 224px;
}
.md-menu-content.md-size-5 {
width: 280px;
}
.md-menu-content.md-size-6 {
width: 336px;
}
.md-menu-content.md-size-7 {
width: 392px;
}
.md-menu-content.md-active {
pointer-events: auto;
opacity: 1;
transform: scale(1) translateZ(0);
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-menu-content.md-active .md-list {
opacity: 1;
transition: opacity 0.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-menu-content .md-list {
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-menu-item {
cursor: pointer;
font-size: 16px;
line-height: 1.2em;
}
.md-menu-item:hover .md-button:not([disabled]), .md-menu-item:focus .md-button:not([disabled]), .md-menu-item.md-highlighted .md-button:not([disabled]) {
background-color: rgba(0, 0, 0, 0.12);
}
.md-menu-item[disabled] {
cursor: default;
color: rgba(0, 0, 0, 0.38);
}
.md-menu-item .md-list-item-holder {
overflow: hidden;
text-overflow: ellipsis;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdMenu/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdMenu/index.css","sourceRoot":""}

320
dist/components/mdMenu/index.debug.js vendored
View file

@ -55,12 +55,41 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(109);
module.exports = __webpack_require__(136);
/***/ },
/***/ 92:
/***/ 83:
/***/ function(module, exports) {
'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'];
/***/ },
/***/ 119:
/***/ function(module, exports) {
"use strict";
@ -69,7 +98,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
if (!$parent || !$parent.$el) {
return false;
}
@ -89,7 +118,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 109:
/***/ 136:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -99,19 +128,19 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdMenu = __webpack_require__(110);
var _mdMenu = __webpack_require__(137);
var _mdMenu2 = _interopRequireDefault(_mdMenu);
var _mdMenuItem = __webpack_require__(116);
var _mdMenuItem = __webpack_require__(142);
var _mdMenuItem2 = _interopRequireDefault(_mdMenuItem);
var _mdMenuContent = __webpack_require__(120);
var _mdMenuContent = __webpack_require__(146);
var _mdMenuContent2 = _interopRequireDefault(_mdMenuContent);
var _mdMenu3 = __webpack_require__(123);
var _mdMenu3 = __webpack_require__(149);
var _mdMenu4 = _interopRequireDefault(_mdMenu3);
@ -128,20 +157,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 110:
/***/ 137:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-008203e6!sass!./mdMenu.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(138)
/* script */
__vue_exports__ = __webpack_require__(112)
__vue_exports__ = __webpack_require__(139)
/* template */
var __vue_template__ = __webpack_require__(115)
var __vue_template__ = __webpack_require__(141)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -176,7 +205,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 112:
/***/ 138:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 139:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -185,11 +221,11 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _transitionEndEventName = __webpack_require__(113);
var _transitionEndEventName = __webpack_require__(83);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _getInViewPosition = __webpack_require__(114);
var _getInViewPosition = __webpack_require__(140);
var _getInViewPosition2 = _interopRequireDefault(_getInViewPosition);
@ -203,6 +239,8 @@ return /******/ (function(modules) { // webpackBootstrap
//
//
//
//
//
exports.default = {
props: {
@ -214,6 +252,18 @@ return /******/ (function(modules) { // webpackBootstrap
type: String,
default: 'bottom right'
},
mdAlignTrigger: {
type: Boolean,
default: false
},
mdOffsetX: {
type: [Number, String],
default: 0
},
mdOffsetY: {
type: [Number, String],
default: 0
},
mdCloseOnSelect: {
type: Boolean,
default: true
@ -221,11 +271,9 @@ return /******/ (function(modules) { // webpackBootstrap
},
data: function data() {
return {
browserMargin: 8,
active: false
};
},
watch: {
mdSize: function mdSize(current, previous) {
if (current >= 1 && current <= 7) {
@ -236,6 +284,9 @@ return /******/ (function(modules) { // webpackBootstrap
mdDirection: function mdDirection(current, previous) {
this.removeLastDirectionMenuContentClass(previous);
this.addNewDirectionMenuContentClass(current);
},
mdAlignTrigger: function mdAlignTrigger(trigger) {
this.handleAlignTriggerClass(trigger);
}
},
methods: {
@ -256,86 +307,50 @@ return /******/ (function(modules) { // webpackBootstrap
this.menuContent.classList.remove('md-size-' + size);
},
removeLastDirectionMenuContentClass: function removeLastDirectionMenuContentClass(direction) {
this.menuContent.classList.remove('md-direction-' + direction.replace(' ', '-'));
this.menuContent.classList.remove('md-direction-' + direction.replace(/ /g, '-'));
},
addNewSizeMenuContentClass: function addNewSizeMenuContentClass(size) {
this.menuContent.classList.add('md-size-' + size);
},
addNewDirectionMenuContentClass: function addNewDirectionMenuContentClass(direction) {
this.menuContent.classList.add('md-direction-' + direction.replace(' ', '-'));
this.menuContent.classList.add('md-direction-' + direction.replace(/ /g, '-'));
},
closeOnOffClick: function closeOnOffClick(event) {
if (!this.$el.contains(event.target) && !this.menuContent.contains(event.target)) {
this.close();
handleAlignTriggerClass: function handleAlignTriggerClass(trigger) {
if (trigger) {
this.menuContent.classList.add('md-align-trigger');
}
},
getBottomRightPos: function getBottomRightPos() {
getPosition: function getPosition(vertical, horizontal) {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top,
left: menuTriggerRect.left
};
position = (0, _getInViewPosition2.default)(this.menuContent, position);
var top = vertical === 'top' ? menuTriggerRect.top + menuTriggerRect.height - this.menuContent.offsetHeight : menuTriggerRect.top;
return position;
},
getBottomLeftPos: function getBottomLeftPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top,
left: menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width
};
var left = horizontal === 'left' ? menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width : menuTriggerRect.left;
position = (0, _getInViewPosition2.default)(this.menuContent, position);
top += parseInt(this.mdOffsetY, 10);
left += parseInt(this.mdOffsetX, 10);
return position;
},
getTopRightPos: function getTopRightPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top + menuTriggerRect.height - this.menuContent.offsetHeight,
left: menuTriggerRect.left
};
if (this.mdAlignTrigger) {
if (vertical === 'top') {
top -= menuTriggerRect.height;
} else {
top += menuTriggerRect.height;
}
}
position = (0, _getInViewPosition2.default)(this.menuContent, position);
return position;
},
getTopLeftPos: function getTopLeftPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top + menuTriggerRect.height - this.menuContent.offsetHeight,
left: menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width
};
position = (0, _getInViewPosition2.default)(this.menuContent, position);
return position;
return { top: top, left: left };
},
calculateMenuContentPos: function calculateMenuContentPos() {
var position = void 0;
switch (this.mdDirection) {
case 'bottom left':
position = this.getBottomLeftPos();
break;
case 'top right':
position = this.getTopRightPos();
break;
case 'top left':
position = this.getTopLeftPos();
break;
default:
position = this.getBottomRightPos();
if (!this.mdDirection) {
position = this.getPosition('bottom', 'right');
} else {
position = this.getPosition.apply(this, this.mdDirection.trim().split(' '));
}
position = (0, _getInViewPosition2.default)(this.menuContent, position);
this.menuContent.style.top = position.top + 'px';
this.menuContent.style.left = position.left + 'px';
},
@ -343,12 +358,12 @@ return /******/ (function(modules) { // webpackBootstrap
window.requestAnimationFrame(this.calculateMenuContentPos);
},
open: function open() {
if (this.$root.$el.contains(this.menuContent)) {
this.$root.$el.removeChild(this.menuContent);
if (this.rootElement.contains(this.menuContent)) {
this.rootElement.removeChild(this.menuContent);
}
this.$root.$el.appendChild(this.menuContent);
document.addEventListener('click', this.closeOnOffClick);
this.rootElement.appendChild(this.menuContent);
this.rootElement.appendChild(this.backdropElement);
window.addEventListener('resize', this.recalculateOnResize);
this.calculateMenuContentPos();
@ -357,16 +372,16 @@ return /******/ (function(modules) { // webpackBootstrap
this.menuContent.classList.add('md-active');
this.menuContent.focus();
this.active = true;
this.$emit('open');
},
close: function close() {
var _this = this;
var menuContent = this.menuContent;
var close = function close(event) {
if (menuContent && event.target === menuContent) {
if (_this.menuContent && event.target === _this.menuContent) {
var activeRipple = _this.menuContent.querySelector('.md-ripple.md-active');
menuContent.removeEventListener(_transitionEndEventName2.default, close);
_this.menuContent.removeEventListener(_transitionEndEventName2.default, close);
_this.menuTrigger.focus();
_this.active = false;
@ -374,14 +389,15 @@ return /******/ (function(modules) { // webpackBootstrap
activeRipple.classList.remove('md-active');
}
_this.$root.$el.removeChild(menuContent);
document.removeEventListener('click', _this.closeOnOffClick);
_this.rootElement.removeChild(_this.menuContent);
_this.rootElement.removeChild(_this.backdropElement);
window.removeEventListener('resize', _this.recalculateOnResize);
}
};
this.menuContent.addEventListener(_transitionEndEventName2.default, close);
this.menuContent.classList.remove('md-active');
this.$emit('close');
},
toggle: function toggle() {
if (this.active) {
@ -392,49 +408,37 @@ return /******/ (function(modules) { // webpackBootstrap
}
},
mounted: function mounted() {
this.menuTrigger = this.$el.querySelector('[md-menu-trigger]');
this.menuContent = this.$el.querySelector('.md-menu-content');
this.validateMenu();
this.addNewSizeMenuContentClass(this.mdSize);
this.addNewDirectionMenuContentClass(this.mdDirection);
this.menuContent.parentNode.removeChild(this.menuContent);
this.menuTrigger.addEventListener('click', this.toggle);
var _this2 = this;
this.$nextTick(function () {
_this2.rootElement = _this2.$root.$el;
_this2.menuTrigger = _this2.$el.querySelector('[md-menu-trigger]');
_this2.menuContent = _this2.$el.querySelector('.md-menu-content');
_this2.backdropElement = _this2.$refs.backdrop.$el;
_this2.validateMenu();
_this2.handleAlignTriggerClass(_this2.mdAlignTrigger);
_this2.addNewSizeMenuContentClass(_this2.mdSize);
_this2.addNewDirectionMenuContentClass(_this2.mdDirection);
_this2.$el.removeChild(_this2.$refs.backdrop.$el);
_this2.menuContent.parentNode.removeChild(_this2.menuContent);
_this2.menuTrigger.addEventListener('click', _this2.toggle);
});
},
beforeDestroy: function beforeDestroy() {
if (this.rootElement.contains(this.menuContent)) {
this.rootElement.removeChild(this.menuContent);
this.rootElement.removeChild(this.backdropElement);
}
this.menuTrigger.removeEventListener('click', this.toggle);
window.removeEventListener('resize', this.recalculateOnResize);
}
};
module.exports = exports['default'];
/***/ },
/***/ 113:
/***/ function(module, exports) {
'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'];
/***/ },
/***/ 114:
/***/ 140:
/***/ function(module, exports) {
"use strict";
@ -487,14 +491,21 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 115:
/***/ 141:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-menu"
}, [_vm._t("default")])
}, [_vm._t("default"), " ", _h('md-backdrop', {
ref: "backdrop",
staticClass: "md-menu-backdrop md-transparent md-active",
on: {
"close": _vm.close
}
})])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -504,17 +515,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 116:
/***/ 142:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(117)
__vue_exports__ = __webpack_require__(143)
/* template */
var __vue_template__ = __webpack_require__(119)
var __vue_template__ = __webpack_require__(145)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -549,7 +560,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 117:
/***/ 143:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -558,11 +569,11 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
__webpack_require__(118);
__webpack_require__(144);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@ -618,13 +629,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
},
methods: {
close: function close() {
close: function close($event) {
if (!this.disabled) {
if (this.parentMenu.mdCloseOnSelect) {
this.parentContent.close();
}
this.$emit('click');
this.$emit('selected', $event);
}
}
},
@ -646,7 +658,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 118:
/***/ 144:
/***/ function(module, exports) {
if (!Element.prototype.scrollIntoViewIfNeeded) {
@ -679,11 +691,11 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 119:
/***/ 145:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('md-list-item', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('md-list-item', {
staticClass: "md-menu-item",
class: _vm.classes,
attrs: {
@ -694,6 +706,7 @@ return /******/ (function(modules) { // webpackBootstrap
}
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -703,17 +716,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 120:
/***/ 146:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(121)
__vue_exports__ = __webpack_require__(147)
/* template */
var __vue_template__ = __webpack_require__(122)
var __vue_template__ = __webpack_require__(148)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -748,7 +761,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 121:
/***/ 147:
/***/ function(module, exports) {
'use strict';
@ -824,44 +837,45 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 122:
/***/ 148:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-menu-content",
attrs: {
"tabindex": "-1"
},
on: {
"keydown": [function($event) {
if ($event.keyCode !== 27) { return; }
if (_vm._k($event.keyCode, "esc", 27)) { return; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if ($event.keyCode !== 9) { return; }
if (_vm._k($event.keyCode, "tab", 9)) { return; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if ($event.keyCode !== 38) { return; }
if (_vm._k($event.keyCode, "up", 38)) { return; }
$event.preventDefault();
_vm.highlightItem('up')
}, function($event) {
if ($event.keyCode !== 40) { return; }
if (_vm._k($event.keyCode, "down", 40)) { return; }
$event.preventDefault();
_vm.highlightItem('down')
}, function($event) {
if ($event.keyCode !== 13) { return; }
if (_vm._k($event.keyCode, "enter", 13)) { return; }
$event.preventDefault();
_vm.fireClick($event)
}, function($event) {
if ($event.keyCode !== 32) { return; }
if (_vm._k($event.keyCode, "space", 32)) { return; }
$event.preventDefault();
_vm.fireClick($event)
}]
}
}, [_vm._h('md-list', [_vm._t("default")])])
}, [_h('md-list', [_vm._t("default")])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -871,7 +885,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 123:
/***/ 149:
/***/ function(module, exports) {
module.exports = ""

2
dist/components/mdMenu/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdMenu/index.js vendored
View file

File diff suppressed because one or more lines are too long

66
dist/components/mdRadio/index.css vendored
View file

@ -1 +1,65 @@
.md-radio{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-radio .md-radio-container{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-radio .md-radio-container:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;opacity:0;transform:scale3D(.38,.38,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-radio .md-radio-container input{position:absolute;left:-999em}.md-radio .md-radio-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-radio .md-radio-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-radio .md-radio-label{height:20px;padding-left:8px;line-height:20px}.md-radio.md-checked .md-radio-container:after{opacity:1;transform:scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-radio {
width: auto;
margin: 16px 8px 16px 0;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.md-radio .md-radio-container {
width: 20px;
height: 20px;
position: relative;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.54);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-radio .md-radio-container:after {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
border-radius: 50%;
opacity: 0;
transform: scale3D(0.38, 0.38, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-radio .md-radio-container input {
position: absolute;
left: -999em;
}
.md-radio .md-radio-container .md-ink-ripple {
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
}
.md-radio .md-radio-container .md-ink-ripple .md-ripple {
width: 48px !important;
height: 48px !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md-radio .md-radio-label {
height: 20px;
padding-left: 8px;
line-height: 20px;
}
.md-radio.md-checked .md-radio-container:after {
opacity: 1;
transform: scale3D(1, 1, 1);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdRadio/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdRadio/index.css","sourceRoot":""}

42
dist/components/mdRadio/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(124);
module.exports = __webpack_require__(150);
/***/ },
/***/ 124:
/***/ 150:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdRadio = __webpack_require__(125);
var _mdRadio = __webpack_require__(151);
var _mdRadio2 = _interopRequireDefault(_mdRadio);
var _mdRadio3 = __webpack_require__(129);
var _mdRadio3 = __webpack_require__(155);
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
@ -89,20 +89,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 125:
/***/ 151:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-e87254d2!sass!./mdRadio.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(152)
/* script */
__vue_exports__ = __webpack_require__(127)
__vue_exports__ = __webpack_require__(153)
/* template */
var __vue_template__ = __webpack_require__(128)
var __vue_template__ = __webpack_require__(154)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -137,7 +137,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 127:
/***/ 152:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 153:
/***/ function(module, exports) {
'use strict';
@ -163,12 +170,12 @@ return /******/ (function(modules) { // webpackBootstrap
exports.default = {
props: {
name: String,
id: String,
value: [String, Boolean, Number],
mdValue: {
type: [String, Boolean, Number],
required: true
},
id: String,
disabled: Boolean
},
computed: {
@ -192,14 +199,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 128:
/***/ 154:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-radio",
class: _vm.classes
}, [_vm._h('div', {
}, [_h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
@ -210,7 +217,7 @@ return /******/ (function(modules) { // webpackBootstrap
on: {
"click": _vm.toggleCheck
}
}, [_vm._h('input', {
}, [_h('input', {
attrs: {
"type": "radio",
"name": _vm.name,
@ -220,13 +227,14 @@ return /******/ (function(modules) { // webpackBootstrap
domProps: {
"value": _vm.value
}
})]), " ", (_vm.$slots.default) ? _vm._h('label', {
})]), " ", (_vm.$slots.default) ? _h('label', {
staticClass: "md-radio-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")]) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -236,7 +244,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 129:
/***/ 155:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-radio .md-radio-container:after, .THEME_NAME.md-radio .md-radio-container:after {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-radio.md-checked .md-radio-container, .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, .THEME_NAME.md-radio.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-radio.md-checked .md-ripple, .THEME_NAME.md-radio.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME .md-radio.md-primary .md-radio-container:after, .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, .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, .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, .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, .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, .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, .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, .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, .THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"

2
dist/components/mdRadio/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdRadio/index.js vendored
View file

@ -1 +1 @@
!function(d,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():d.VueMaterial=e()}(this,function(){return function(d){function e(o){if(r[o])return r[o].exports;var a=r[o]={exports:{},id:o,loaded:!1};return d[o].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var r={};return e.m=d,e.c=r,e.p="/",e(0)}({0:function(d,e,r){d.exports=r(18)},18:function(d,e,r){"use strict";function o(d){return d&&d.__esModule?d:{default:d}}function a(d){d.component("md-radio",d.extend(t.default)),d.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var i=r(141),t=o(i),n=r(104),m=o(n);d.exports=e.default},52:function(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{name:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},id:String,disabled:Boolean},computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(d){this.disabled||(this.$emit("change",this.mdValue,d),this.$emit("input",this.mdValue,d))}}},d.exports=e.default},92:function(d,e){},104:function(d,e){d.exports=".THEME_NAME .md-radio .md-radio-container:after,.THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-radio-container,.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ripple,.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-radio.md-primary .md-radio-container:after,.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-primary.md-checked .md-radio-container,.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-primary.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-warn .md-radio-container:after,.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME .md-radio.md-warn.md-checked .md-radio-container,.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME .md-radio.md-warn.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-radio.md-disabled .md-radio-container,.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME .md-radio.md-disabled .md-radio-container:after,.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME .md-radio.md-disabled.md-checked .md-radio-container,.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},141:function(d,e,r){var o,a;r(92),o=r(52);var i=r(202);a=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(a=o=o.default),"function"==typeof a&&(a=a.options),a.render=i.render,a.staticRenderFns=i.staticRenderFns,d.exports=o},202:function(d,e){d.exports={render:function(){var d=this;return d._h("div",{staticClass:"md-radio",class:d.classes},[d._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:d.disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:d.toggleCheck}},[d._h("input",{attrs:{type:"radio",name:d.name,id:d.id,disabled:d.disabled},domProps:{value:d.value}})])," ",d.$slots.default?d._h("label",{staticClass:"md-radio-label",attrs:{for:d.id||d.name}},[d._t("default")]):d._e()])},staticRenderFns:[]}}})});
!function(d,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():d.VueMaterial=e()}(this,function(){return function(d){function e(o){if(r[o])return r[o].exports;var a=r[o]={exports:{},id:o,loaded:!1};return d[o].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var r={};return e.m=d,e.c=r,e.p="/",e(0)}({0:function(d,e,r){d.exports=r(19)},19:function(d,e,r){"use strict";function o(d){return d&&d.__esModule?d:{default:d}}function a(d){d.component("md-radio",d.extend(t.default)),d.material.styles.push(m.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=a;var i=r(160),t=o(i),n=r(115),m=o(n);d.exports=e.default},60:function(d,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(d){this.disabled||(this.$emit("change",this.mdValue,d),this.$emit("input",this.mdValue,d))}}},d.exports=e.default},102:function(d,e){},115:function(d,e){d.exports=".THEME_NAME .md-radio .md-radio-container:after,.THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-radio-container,.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-radio.md-checked .md-ripple,.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-radio.md-primary .md-radio-container:after,.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-primary.md-checked .md-radio-container,.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-primary.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-radio.md-warn .md-radio-container:after,.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME .md-radio.md-warn.md-checked .md-radio-container,.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME .md-radio.md-warn.md-checked .md-ink-ripple,.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-radio.md-disabled .md-radio-container,.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME .md-radio.md-disabled .md-radio-container:after,.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME .md-radio.md-disabled.md-checked .md-radio-container,.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},160:function(d,e,r){var o,a;r(102),o=r(60);var i=r(229);a=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(a=o=o.default),"function"==typeof a&&(a=a.options),a.render=i.render,a.staticRenderFns=i.staticRenderFns,d.exports=o},229:function(d,e){d.exports={render:function(){var d=this,e=d.$createElement;return e("div",{staticClass:"md-radio",class:d.classes},[e("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:d.disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:d.toggleCheck}},[e("input",{attrs:{type:"radio",name:d.name,id:d.id,disabled:d.disabled},domProps:{value:d.value}})])," ",d.$slots.default?e("label",{staticClass:"md-radio-label",attrs:{for:d.id||d.name}},[d._t("default")]):d._e()])},staticRenderFns:[]}}})});

139
dist/components/mdSelect/index.css vendored
View file

@ -1 +1,138 @@
.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .08s linear;color:rgba(0,0,0,.54);content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select select{position:absolute;left:-999em}.md-select .md-menu{width:100%;height:100%;display:block;position:relative}.md-select .md-select-value{width:100%;height:100%;padding-right:24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;cursor:pointer;position:relative;z-index:2;font-size:16px;line-height:1.2em;text-overflow:ellipsis;white-space:nowrap}.md-select .md-select-menu{min-width:156px;max-width:100%;min-height:48px;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;pointer-events:none;position:absolute;top:-16px;left:-16px;z-index:7;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transform:scale3D(.85,.7,1);transition:opacity .25s cubic-bezier(.55,0,.55,.2),top .25s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;color:rgba(33,33,33,.87)}.md-select .md-select-menu>*{opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s}.md-select .md-select-menu-container{margin:0;padding:8px 0;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;overflow-x:hidden;overflow-y:auto}.md-select .md-subheader{color:hsla(0,0%,46%,.87);text-transform:uppercase}.md-select .md-subheader:first-child{margin-top:-8px}.md-select-content{width:auto;max-height:256px}.md-select-content.md-direction-bottom-right{margin-top:-15px;margin-left:-16px}.md-select-content .md-menu-item .md-list-item-holder{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}.md-select-content.md-multiple .md-checkbox{margin:0}.md-select-content.md-multiple .md-checkbox-label{padding-left:16px;cursor:pointer}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-select {
width: 100%;
min-width: 128px;
height: 32px;
position: relative;
}
.md-select:focus {
outline: none;
}
.md-select:after {
margin-top: 2px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) scaleY(0.45) scaleX(0.85);
transition: all 0.08s linear;
color: rgba(0, 0, 0, 0.54);
content: "\25BC";
}
.md-select.md-active .md-select-menu {
top: -8px;
pointer-events: auto;
opacity: 1;
transform: translateY(-8px) scale3D(1, 1, 1);
transform-origin: center top;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .25s;
transition-property: opacity, transform, top;
}
.md-select.md-active .md-select-menu > * {
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: .15s;
transition-delay: .1s;
}
.md-select select {
position: absolute;
left: -999em;
}
.md-select .md-menu {
width: 100%;
height: 32px;
display: block;
position: relative;
}
.md-select .md-select-value {
width: 100%;
height: 32px;
padding-right: 24px;
display: block;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 2;
font-size: 16px;
line-height: 33px;
text-overflow: ellipsis;
white-space: nowrap;
}
.md-select .md-select-menu {
min-width: 156px;
max-width: 100%;
min-height: 48px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: stretch;
justify-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
pointer-events: none;
position: absolute;
top: -16px;
left: -16px;
z-index: 7;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
opacity: 0;
transform: scale3D(0.85, 0.7, 1);
transition: opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), top 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
color: rgba(33, 33, 33, 0.87);
}
.md-select .md-select-menu > * {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .25s;
}
.md-select .md-select-menu-container {
margin: 0;
padding: 8px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: stretch;
justify-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
overflow-x: hidden;
overflow-y: auto;
}
.md-select .md-subheader {
color: rgba(117, 117, 117, 0.87);
text-transform: uppercase;
}
.md-select .md-subheader:first-child {
margin-top: -8px;
}
.md-select-content {
width: auto;
max-height: 256px;
}
.md-select-content.md-direction-bottom-right {
margin-top: -15px;
margin-left: -16px;
}
.md-select-content .md-menu-item .md-list-item-holder {
overflow: visible;
-ms-flex-pack: start;
justify-content: flex-start;
}
.md-select-content.md-multiple .md-checkbox {
margin: 0;
}
.md-select-content.md-multiple .md-checkbox-label {
padding-left: 16px;
cursor: pointer;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdSelect/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdSelect/index.css","sourceRoot":""}

97
dist/components/mdSelect/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(130);
module.exports = __webpack_require__(156);
/***/ },
/***/ 87:
/***/ 114:
/***/ function(module, exports) {
"use strict";
@ -77,7 +77,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 92:
/***/ 119:
/***/ function(module, exports) {
"use strict";
@ -86,7 +86,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
if (!$parent || !$parent.$el) {
return false;
}
@ -106,7 +106,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 130:
/***/ 156:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -116,15 +116,15 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdSelect = __webpack_require__(131);
var _mdSelect = __webpack_require__(157);
var _mdSelect2 = _interopRequireDefault(_mdSelect);
var _mdOption = __webpack_require__(135);
var _mdOption = __webpack_require__(161);
var _mdOption2 = _interopRequireDefault(_mdOption);
var _mdSelect3 = __webpack_require__(138);
var _mdSelect3 = __webpack_require__(164);
var _mdSelect4 = _interopRequireDefault(_mdSelect3);
@ -140,20 +140,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 131:
/***/ 157:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-1cdcfd26!sass!./mdSelect.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(158)
/* script */
__vue_exports__ = __webpack_require__(133)
__vue_exports__ = __webpack_require__(159)
/* template */
var __vue_template__ = __webpack_require__(134)
var __vue_template__ = __webpack_require__(160)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -188,7 +188,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 133:
/***/ 158:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 159:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -216,11 +223,11 @@ return /******/ (function(modules) { // webpackBootstrap
//
//
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
var _isArray = __webpack_require__(87);
var _isArray = __webpack_require__(114);
var _isArray2 = _interopRequireDefault(_isArray);
@ -229,10 +236,10 @@ return /******/ (function(modules) { // webpackBootstrap
exports.default = {
props: {
name: String,
id: String,
required: Boolean,
multiple: Boolean,
value: [String, Number, Array],
id: String,
disabled: Boolean,
placeholder: String,
mdMenuClass: String
@ -264,7 +271,7 @@ return /******/ (function(modules) { // webpackBootstrap
},
watch: {
value: function value(_value) {
this.setTextAndvalue(_value);
this.setTextAndValue(_value);
}
},
methods: {
@ -320,7 +327,7 @@ return /******/ (function(modules) { // webpackBootstrap
return {};
},
setTextAndvalue: function setTextAndvalue(modelValue) {
setTextAndValue: function setTextAndValue(modelValue) {
var output = this.multiple ? this.getMultipleValue(modelValue) : this.getSingleValue(modelValue);
this.selectedValue = output.value;
@ -358,7 +365,7 @@ return /******/ (function(modules) { // webpackBootstrap
mounted: function mounted() {
this.parentContainer = (0, _getClosestVueParent2.default)(this.$parent, 'md-input-container');
this.setTextAndvalue(this.value);
this.setTextAndValue(this.value);
if (this.parentContainer) {
this.parentContainer.setValue(this.value);
@ -376,39 +383,40 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 134:
/***/ 160:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-select",
class: _vm.classes
}, [_vm._h('md-menu', {
}, [_h('md-menu', {
attrs: {
"md-close-on-select": !_vm.multiple
}
}, [_vm._h('span', {
}, [_h('span', {
ref: "value",
staticClass: "md-select-value",
attrs: {
"md-menu-trigger": ""
}
}, [_vm._s(_vm.selectedText || _vm.multipleText || _vm.placeholder)]), " ", _vm._h('md-menu-content', {
}, [_vm._s(_vm.selectedText || _vm.multipleText || _vm.placeholder)]), " ", _h('md-menu-content', {
staticClass: "md-select-content",
class: _vm.contentClasses
}, [_vm._t("default")])]), " ", _vm._h('select', {
}, [_vm._t("default")])]), " ", _h('select', {
attrs: {
"name": _vm.name,
"id": _vm.id,
"required": _vm.required,
"tabindex": "-1"
}
}, [_vm._h('option', {
}, [_h('option', {
domProps: {
"value": _vm.value
}
}, [_vm._s(_vm.value)])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -418,17 +426,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 135:
/***/ 161:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(136)
__vue_exports__ = __webpack_require__(162)
/* template */
var __vue_template__ = __webpack_require__(137)
var __vue_template__ = __webpack_require__(163)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -463,7 +471,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 136:
/***/ 162:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -472,7 +480,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -511,12 +519,14 @@ return /******/ (function(modules) { // webpackBootstrap
}
},
methods: {
selectOption: function selectOption() {
selectOption: function selectOption($event) {
if (!this.parentSelect.multiple) {
this.parentSelect.selectOption(this.value, this.$refs.item.textContent);
} else {
this.check = !this.check;
}
this.$emit('selected', $event);
}
},
watch: {
@ -548,8 +558,10 @@ return /******/ (function(modules) { // webpackBootstrap
this.parentSelect.options[this.index] = this;
},
beforeDestroy: function beforeDestroy() {
delete this.parentSelect.options[this.index];
delete this.parentSelect.multipleOptions[this.index];
if (this.parentSelect) {
delete this.parentSelect.options[this.index];
delete this.parentSelect.multipleOptions[this.index];
}
}
}; //
//
@ -574,11 +586,11 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 137:
/***/ 163:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('md-menu-item', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('md-menu-item', {
staticClass: "md-option",
class: _vm.classes,
attrs: {
@ -587,7 +599,7 @@ return /******/ (function(modules) { // webpackBootstrap
on: {
"click": _vm.selectOption
}
}, [(_vm.parentSelect.multiple) ? _vm._h('md-checkbox', {
}, [(_vm.parentSelect.multiple) ? _h('md-checkbox', {
directives: [{
name: "model",
rawName: "v-model",
@ -603,12 +615,13 @@ return /******/ (function(modules) { // webpackBootstrap
_vm.check = $event
}
}
}, [_vm._h('span', {
}, [_h('span', {
ref: "item"
}, [_vm._t("default")])]) : _vm._h('span', {
}, [_vm._t("default")])]) : _h('span', {
ref: "item"
}, [_vm._t("default")]), " "])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -618,7 +631,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 138:
/***/ 164:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-select-content .md-menu-item.md-selected, .THEME_NAME .md-select-content .md-menu-item.md-checked, .THEME_NAME.md-select-content .md-menu-item.md-selected, .THEME_NAME.md-select-content .md-menu-item.md-checked {\n color: PRIMARY-COLOR; }\n"

2
dist/components/mdSelect/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdSelect/index.js vendored
View file

File diff suppressed because one or more lines are too long

57
dist/components/mdSidenav/index.css vendored
View file

@ -1 +1,56 @@
.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3d(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3d(100%,0,0)}.md-sidenav.md-fixed .md-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:100;pointer-events:none;overflow:auto;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-sidenav .md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-sidenav.md-active .md-sidenav-content{pointer-events:auto;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);transform:translateZ(0)}.md-sidenav.md-active .md-backdrop{opacity:1;pointer-events:auto}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-sidenav.md-left .md-sidenav-content {
left: 0;
transform: translate3D(-100%, 0, 0);
}
.md-sidenav.md-right .md-sidenav-content {
right: 0;
transform: translate3D(100%, 0, 0);
}
.md-sidenav.md-fixed .md-sidenav-content,
.md-sidenav.md-fixed .md-sidenav-backdrop {
position: fixed;
}
.md-sidenav .md-sidenav-content {
width: 304px;
position: absolute;
top: 0;
bottom: 0;
z-index: 100;
pointer-events: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-property: transform;
will-change: transform;
}
.md-sidenav .md-backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.54);
opacity: 0;
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
transition-property: opacity;
will-change: opacity;
}
.md-sidenav.md-active .md-sidenav-content {
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
pointer-events: auto;
transform: translate3D(0, 0, 0);
}
.md-sidenav.md-active .md-sidenav-backdrop {
opacity: 1;
pointer-events: auto;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdSidenav/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdSidenav/index.css","sourceRoot":""}

44
dist/components/mdSidenav/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(139);
module.exports = __webpack_require__(165);
/***/ },
/***/ 139:
/***/ 165:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdSidenav = __webpack_require__(140);
var _mdSidenav = __webpack_require__(166);
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
var _mdSidenav3 = __webpack_require__(144);
var _mdSidenav3 = __webpack_require__(170);
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
@ -89,20 +89,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 140:
/***/ 166:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-4904390e!sass!./mdSidenav.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(167)
/* script */
__vue_exports__ = __webpack_require__(142)
__vue_exports__ = __webpack_require__(168)
/* template */
var __vue_template__ = __webpack_require__(143)
var __vue_template__ = __webpack_require__(169)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -137,7 +137,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 142:
/***/ 167:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 168:
/***/ function(module, exports) {
'use strict';
@ -194,11 +201,11 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 143:
/***/ 169:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-sidenav",
class: _vm.classes,
attrs: {
@ -206,19 +213,20 @@ return /******/ (function(modules) { // webpackBootstrap
},
on: {
"keyup": function($event) {
if ($event.keyCode !== 27) { return; }
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
}, [_vm._h('div', {
}, [_h('div', {
staticClass: "md-sidenav-content"
}, [_vm._t("default")]), " ", _vm._h('div', {
staticClass: "md-backdrop",
}, [_vm._t("default")]), " ", _h('md-backdrop', {
staticClass: "md-sidenav-backdrop",
on: {
"click": _vm.close
"close": _vm.close
}
})])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -228,7 +236,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 144:
/***/ 170:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-sidenav .md-sidenav-content, .THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR-A100;\n color: BACKGROUND-CONTRAST; }\n"

2
dist/components/mdSidenav/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdSidenav/index.js vendored
View file

@ -1 +1 @@
!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 s=n[o]={exports:{},id:o,loaded:!1};return e[o].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(20)},20:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-sidenav",e.extend(d.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var i=n(144),d=o(i),r=n(106),c=o(r);e.exports=t.default},55:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{mdVisible:!1}},computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.show()}}},e.exports=t.default},82:function(e,t){},106:function(e,t){e.exports=".THEME_NAME .md-sidenav .md-sidenav-content,.THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}\n"},144:function(e,t,n){var o,s;n(82),o=n(55);var i=n(179);s=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(s=o=o.default),"function"==typeof s&&(s=s.options),s.render=i.render,s.staticRenderFns=i.staticRenderFns,e.exports=o},179:function(e,t){e.exports={render:function(){var e=this;return e._h("div",{staticClass:"md-sidenav",class:e.classes,attrs:{tabindex:"0"},on:{keyup:function(t){27===t.keyCode&&e.close(t)}}},[e._h("div",{staticClass:"md-sidenav-content"},[e._t("default")])," ",e._h("div",{staticClass:"md-backdrop",on:{click:e.close}})])},staticRenderFns:[]}}})});
!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 s=n[o]={exports:{},id:o,loaded:!1};return e[o].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(21)},21:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-sidenav",e.extend(d.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var i=n(163),d=o(i),r=n(117),c=o(r);e.exports=t.default},63:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{mdVisible:!1}},computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.show()}}},e.exports=t.default},90:function(e,t){},117:function(e,t){e.exports=".THEME_NAME .md-sidenav .md-sidenav-content,.THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR-A100;color:BACKGROUND-CONTRAST}\n"},163:function(e,t,n){var o,s;n(90),o=n(63);var i=n(201);s=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(s=o=o.default),"function"==typeof s&&(s=s.options),s.render=i.render,s.staticRenderFns=i.staticRenderFns,e.exports=o},201:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return t("div",{staticClass:"md-sidenav",class:e.classes,attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[t("div",{staticClass:"md-sidenav-content"},[e._t("default")])," ",t("md-backdrop",{staticClass:"md-sidenav-backdrop",on:{close:e.close}})])},staticRenderFns:[]}}})});

22
dist/components/mdSubheader/index.css vendored
View file

@ -1 +1,21 @@
.md-subheader{min-height:48px;padding:0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap;color:rgba(0,0,0,.54);font-size:14px;font-weight:500}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-subheader {
min-height: 48px;
padding: 0 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
color: rgba(0, 0, 0, 0.54);
font-size: 14px;
font-weight: 500;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdSubheader/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdSubheader/index.css","sourceRoot":""}

25
dist/components/mdSubheader/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(145);
module.exports = __webpack_require__(171);
/***/ },
/***/ 145:
/***/ 171:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdSubheader = __webpack_require__(146);
var _mdSubheader = __webpack_require__(172);
var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
var _mdSubheader3 = __webpack_require__(149);
var _mdSubheader3 = __webpack_require__(175);
var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
@ -89,17 +89,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 146:
/***/ 172:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-a2e7fe8a!sass!./mdSubheader.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(173)
/* script */
__vue_exports__ = __webpack_require__(148)
__vue_exports__ = __webpack_require__(174)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -132,7 +132,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 148:
/***/ 173:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 174:
/***/ function(module, exports) {
'use strict';
@ -161,7 +168,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 149:
/***/ 175:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-subheader.md-primary, .THEME_NAME.md-subheader.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-subheader.md-accent, .THEME_NAME.md-subheader.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-subheader.md-warn, .THEME_NAME.md-subheader.md-warn {\n color: WARN-COLOR; }\n"

2
dist/components/mdSubheader/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdSubheader/index.js vendored
View file

@ -1 +1 @@
!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(o[r])return o[r].exports;var n=o[r]={exports:{},id:r,loaded:!1};return e[r].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)}({0:function(e,t,o){e.exports=o(21)},21:function(e,t,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-subheader",e.extend(u.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var d=o(145),u=r(d),a=o(107),s=r(a);e.exports=t.default},56:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={render:function(e){var t="div",o={staticClass:"md-subheader"};return"md-list"===this.$parent.$options._componentTag&&(t="li"),e(t,o,this.$slots.default)}},e.exports=t.default},89:function(e,t){},107:function(e,t){e.exports=".THEME_NAME .md-subheader.md-primary,.THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-subheader.md-accent,.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-subheader.md-warn,.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},145:function(e,t,o){var r,n;o(89),r=o(56),n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),e.exports=r}})});
!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(o[r])return o[r].exports;var n=o[r]={exports:{},id:r,loaded:!1};return e[r].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)}({0:function(e,t,o){e.exports=o(22)},22:function(e,t,o){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-subheader",e.extend(u.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var d=o(164),u=r(d),a=o(118),s=r(a);e.exports=t.default},64:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={render:function(e){var t="div",o={staticClass:"md-subheader"};return"md-list"===this.$parent.$options._componentTag&&(t="li"),e(t,o,this.$slots.default)}},e.exports=t.default},98:function(e,t){},118:function(e,t){e.exports=".THEME_NAME .md-subheader.md-primary,.THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-subheader.md-accent,.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-subheader.md-warn,.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},164:function(e,t,o){var r,n;o(98),r=o(64),n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),e.exports=r}})});

83
dist/components/mdSwitch/index.css vendored
View file

@ -1 +1,82 @@
.md-switch{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-switch .md-switch-container{width:34px;height:14px;position:relative;border-radius:14px;transition:all .4s cubic-bezier(.25,.8,.25,1);background-color:rgba(0,0,0,.38)}.md-switch .md-switch-container .md-switch-thumb{width:20px;height:20px;position:absolute;top:50%;left:0;background-color:#fafafa;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);transition:all .08s linear}.md-switch .md-switch-container input{position:absolute;left:-999em}.md-switch .md-switch-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-switch .md-switch-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-switch .md-switch-container .md-switch-holder{width:40px;height:40px;margin:0;padding:0;position:absolute;top:50%;left:50%;z-index:2;background:none;border:none;transform:translate(-50%,-50%)}.md-switch .md-switch-container .md-switch-holder:focus{outline:none}.md-switch .md-switch-label{height:14px;padding-left:8px;line-height:14px}.md-switch.md-dragging .md-switch-thumb{cursor:-webkit-grabbing;cursor:grabbing}.md-switch.md-disabled .md-switch-thumb{cursor:default}
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-switch {
width: auto;
margin: 16px 8px 16px 0;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.md-switch .md-switch-container {
width: 34px;
height: 14px;
position: relative;
border-radius: 14px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
background-color: rgba(0, 0, 0, 0.38);
}
.md-switch .md-switch-container .md-switch-thumb {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
left: 0;
background-color: #fafafa;
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
transition: all 0.08s linear;
}
.md-switch .md-switch-container input {
position: absolute;
left: -999em;
}
.md-switch .md-switch-container .md-ink-ripple {
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
}
.md-switch .md-switch-container .md-ink-ripple .md-ripple {
width: 48px !important;
height: 48px !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md-switch .md-switch-container .md-switch-holder {
width: 40px;
height: 40px;
margin: 0;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
background: none;
border: none;
transform: translate(-50%, -50%);
}
.md-switch .md-switch-container .md-switch-holder:focus {
outline: none;
}
.md-switch .md-switch-label {
height: 14px;
padding-left: 8px;
line-height: 14px;
}
.md-switch.md-dragging .md-switch-thumb {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.md-switch.md-disabled .md-switch-thumb {
cursor: default;
}
/*# sourceMappingURL=index.css.map*/

1
dist/components/mdSwitch/index.css.map vendored Normal file
View file

@ -0,0 +1 @@
{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdSwitch/index.css","sourceRoot":""}

44
dist/components/mdSwitch/index.debug.js vendored
View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(150);
module.exports = __webpack_require__(176);
/***/ },
/***/ 150:
/***/ 176:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,11 +70,11 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdSwitch = __webpack_require__(151);
var _mdSwitch = __webpack_require__(177);
var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
var _mdSwitch3 = __webpack_require__(155);
var _mdSwitch3 = __webpack_require__(181);
var _mdSwitch4 = _interopRequireDefault(_mdSwitch3);
@ -89,20 +89,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 151:
/***/ 177:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-7e05ff26!sass!./mdSwitch.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(178)
/* script */
__vue_exports__ = __webpack_require__(153)
__vue_exports__ = __webpack_require__(179)
/* template */
var __vue_template__ = __webpack_require__(154)
var __vue_template__ = __webpack_require__(180)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -137,7 +137,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 153:
/***/ 178:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 179:
/***/ function(module, exports) {
'use strict';
@ -219,19 +226,19 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 154:
/***/ 180:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-switch",
class: _vm.classes
}, [_vm._h('div', {
}, [_h('div', {
staticClass: "md-switch-container",
on: {
"click": _vm.toggleSwitch
}
}, [_vm._h('div', {
}, [_h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
@ -240,7 +247,7 @@ return /******/ (function(modules) { // webpackBootstrap
}],
staticClass: "md-switch-thumb",
style: (_vm.styles)
}, [_vm._h('input', {
}, [_h('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
@ -250,18 +257,19 @@ return /******/ (function(modules) { // webpackBootstrap
domProps: {
"value": _vm.value
}
}), " ", _vm._h('button', {
}), " ", _h('button', {
staticClass: "md-switch-holder",
attrs: {
"type": _vm.type
}
})])]), " ", (_vm.$slots.default) ? _vm._h('label', {
})])]), " ", (_vm.$slots.default) ? _h('label', {
staticClass: "md-switch-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")]) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -271,7 +279,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 155:
/***/ 181:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-switch.md-checked .md-switch-container, .THEME_NAME.md-switch.md-checked .md-switch-container {\n background-color: ACCENT-COLOR-500-0.5; }\n\n.THEME_NAME .md-switch.md-checked .md-switch-thumb, .THEME_NAME.md-switch.md-checked .md-switch-thumb {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-switch.md-checked .md-ink-ripple, .THEME_NAME.md-switch.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-switch.md-checked .md-ripple, .THEME_NAME.md-switch.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME .md-switch.md-checked.md-primary .md-switch-container, .THEME_NAME.md-switch.md-checked.md-primary .md-switch-container {\n background-color: PRIMARY-COLOR-500-0.5; }\n\n.THEME_NAME .md-switch.md-checked.md-primary .md-switch-thumb, .THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-switch.md-checked.md-primary .md-ink-ripple, .THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-switch.md-checked.md-warn .md-switch-container, .THEME_NAME.md-switch.md-checked.md-warn .md-switch-container {\n background-color: WARN-COLOR-500-0.5; }\n\n.THEME_NAME .md-switch.md-checked.md-warn .md-switch-thumb, .THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb {\n background-color: WARN-COLOR; }\n\n.THEME_NAME .md-switch.md-checked.md-warn .md-ink-ripple, .THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-switch.md-disabled .md-switch-container, .THEME_NAME .md-switch.md-disabled.md-checked .md-switch-container, .THEME_NAME.md-switch.md-disabled .md-switch-container, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container {\n background-color: rgba(0, 0, 0, 0.12); }\n\n.THEME_NAME .md-switch.md-disabled .md-switch-thumb, .THEME_NAME .md-switch.md-disabled.md-checked .md-switch-thumb, .THEME_NAME.md-switch.md-disabled .md-switch-thumb, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb {\n background-color: #bdbdbd; }\n"

2
dist/components/mdSwitch/index.debug.js.map vendored
View file

File diff suppressed because one or more lines are too long

2
dist/components/mdSwitch/index.js vendored
View file

@ -1 +1 @@
!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(d[c])return d[c].exports;var i=d[c]={exports:{},id:c,loaded:!1};return e[c].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)}({0:function(e,t,d){e.exports=d(22)},22:function(e,t,d){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-switch",e.extend(m.default)),e.material.styles.push(r.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var s=d(146),m=c(s),n=d(108),r=c(n);e.exports=t.default},57:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var d=75,c="-1px";t.default={props:{name:String,value:Boolean,id:String,disabled:Boolean,type:{type:String,default:"button"}},data:function(){return{leftPos:c,checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.value),"md-disabled":this.disabled}},styles:function(){return{transform:"translate3D("+this.leftPos+", -50%, 0)"}}},watch:{checked:function(){this.leftPos=this.value?d+"%":c}},methods:{toggleSwitch:function(){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked),this.$emit("input",this.checked))}},mounted:function(){this.leftPos=this.value?d+"%":c}},e.exports=t.default},86:function(e,t){},108:function(e,t){e.exports=".THEME_NAME .md-switch.md-checked .md-switch-container,.THEME_NAME.md-switch.md-checked .md-switch-container{background-color:ACCENT-COLOR-500-0.5}.THEME_NAME .md-switch.md-checked .md-switch-thumb,.THEME_NAME.md-switch.md-checked .md-switch-thumb{background-color:ACCENT-COLOR}.THEME_NAME .md-switch.md-checked .md-ink-ripple,.THEME_NAME.md-switch.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-switch.md-checked .md-ripple,.THEME_NAME.md-switch.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-switch.md-checked.md-primary .md-switch-container,.THEME_NAME.md-switch.md-checked.md-primary .md-switch-container{background-color:PRIMARY-COLOR-500-0.5}.THEME_NAME .md-switch.md-checked.md-primary .md-switch-thumb,.THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb{background-color:PRIMARY-COLOR}.THEME_NAME .md-switch.md-checked.md-primary .md-ink-ripple,.THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-switch.md-checked.md-warn .md-switch-container,.THEME_NAME.md-switch.md-checked.md-warn .md-switch-container{background-color:WARN-COLOR-500-0.5}.THEME_NAME .md-switch.md-checked.md-warn .md-switch-thumb,.THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb{background-color:WARN-COLOR}.THEME_NAME .md-switch.md-checked.md-warn .md-ink-ripple,.THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-switch.md-disabled .md-switch-container,.THEME_NAME .md-switch.md-disabled.md-checked .md-switch-container,.THEME_NAME.md-switch.md-disabled .md-switch-container,.THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container{background-color:rgba(0,0,0,0.12)}.THEME_NAME .md-switch.md-disabled .md-switch-thumb,.THEME_NAME .md-switch.md-disabled.md-checked .md-switch-thumb,.THEME_NAME.md-switch.md-disabled .md-switch-thumb,.THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb{background-color:#bdbdbd}\n"},146:function(e,t,d){var c,i;d(86),c=d(57);var s=d(191);i=c=c||{},"object"!=typeof c.default&&"function"!=typeof c.default||(i=c=c.default),"function"==typeof i&&(i=i.options),i.render=s.render,i.staticRenderFns=s.staticRenderFns,e.exports=c},191:function(e,t){e.exports={render:function(){var e=this;return e._h("div",{staticClass:"md-switch",class:e.classes},[e._h("div",{staticClass:"md-switch-container",on:{click:e.toggleSwitch}},[e._h("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:e.styles},[e._h("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}})," ",e._h("button",{staticClass:"md-switch-holder",attrs:{type:e.type}})])])," ",e.$slots.default?e._h("label",{staticClass:"md-switch-label",attrs:{for:e.id||e.name}},[e._t("default")]):e._e()])},staticRenderFns:[]}}})});
!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(d[c])return d[c].exports;var i=d[c]={exports:{},id:c,loaded:!1};return e[c].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)}({0:function(e,t,d){e.exports=d(23)},23:function(e,t,d){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-switch",e.extend(m.default)),e.material.styles.push(r.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var s=d(165),m=c(s),n=d(119),r=c(n);e.exports=t.default},65:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var d=75,c="-1px";t.default={props:{name:String,value:Boolean,id:String,disabled:Boolean,type:{type:String,default:"button"}},data:function(){return{leftPos:c,checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.value),"md-disabled":this.disabled}},styles:function(){return{transform:"translate3D("+this.leftPos+", -50%, 0)"}}},watch:{checked:function(){this.leftPos=this.value?d+"%":c}},methods:{toggleSwitch:function(){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked),this.$emit("input",this.checked))}},mounted:function(){this.leftPos=this.value?d+"%":c}},e.exports=t.default},95:function(e,t){},119:function(e,t){e.exports=".THEME_NAME .md-switch.md-checked .md-switch-container,.THEME_NAME.md-switch.md-checked .md-switch-container{background-color:ACCENT-COLOR-500-0.5}.THEME_NAME .md-switch.md-checked .md-switch-thumb,.THEME_NAME.md-switch.md-checked .md-switch-thumb{background-color:ACCENT-COLOR}.THEME_NAME .md-switch.md-checked .md-ink-ripple,.THEME_NAME.md-switch.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME .md-switch.md-checked .md-ripple,.THEME_NAME.md-switch.md-checked .md-ripple{opacity:.38}.THEME_NAME .md-switch.md-checked.md-primary .md-switch-container,.THEME_NAME.md-switch.md-checked.md-primary .md-switch-container{background-color:PRIMARY-COLOR-500-0.5}.THEME_NAME .md-switch.md-checked.md-primary .md-switch-thumb,.THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb{background-color:PRIMARY-COLOR}.THEME_NAME .md-switch.md-checked.md-primary .md-ink-ripple,.THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME .md-switch.md-checked.md-warn .md-switch-container,.THEME_NAME.md-switch.md-checked.md-warn .md-switch-container{background-color:WARN-COLOR-500-0.5}.THEME_NAME .md-switch.md-checked.md-warn .md-switch-thumb,.THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb{background-color:WARN-COLOR}.THEME_NAME .md-switch.md-checked.md-warn .md-ink-ripple,.THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME .md-switch.md-disabled .md-switch-container,.THEME_NAME .md-switch.md-disabled.md-checked .md-switch-container,.THEME_NAME.md-switch.md-disabled .md-switch-container,.THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container{background-color:rgba(0,0,0,0.12)}.THEME_NAME .md-switch.md-disabled .md-switch-thumb,.THEME_NAME .md-switch.md-disabled.md-checked .md-switch-thumb,.THEME_NAME.md-switch.md-disabled .md-switch-thumb,.THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb{background-color:#bdbdbd}\n"},165:function(e,t,d){var c,i;d(95),c=d(65);var s=d(216);i=c=c||{},"object"!=typeof c.default&&"function"!=typeof c.default||(i=c=c.default),"function"==typeof i&&(i=i.options),i.render=s.render,i.staticRenderFns=s.staticRenderFns,e.exports=c},216:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return t("div",{staticClass:"md-switch",class:e.classes},[t("div",{staticClass:"md-switch-container",on:{click:e.toggleSwitch}},[t("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"disabled"}],staticClass:"md-switch-thumb",style:e.styles},[t("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}})," ",t("button",{staticClass:"md-switch-holder",attrs:{type:e.type}})])])," ",e.$slots.default?t("label",{staticClass:"md-switch-label",attrs:{for:e.id||e.name}},[e._t("default")]):e._e()])},staticRenderFns:[]}}})});

Some files were not shown because too many files have changed in this diff Show more