Merge remote-tracking branch 'origin/develop' into components/mdSnackbar

* origin/develop: (42 commits)
  [release] 0.5.0
  [build] 0.5.0
  fix tab tooltip
  create docs for layout
  [release] 0.4.3
  [build] 0.4.3
  fix releases tree, load versions and changelog externaly
  fix build structure
  [release] 0.4.2
  [build] 0.4.2
  fix value in select with option with v-if #198
  fix tooltip errors in console #188
  fix dialog with input closing after typing #183
  fix switch not updating state after value change #200
  improve documentation performance
  generate responsive offsets
  create offset classes
  create responsive grid
  fix display of total items on md-table-pagination (#190) #181
  refactor columns
  ...
This commit is contained in:
Marcos Moura 2016-12-23 13:51:18 -02:00
commit ddd9c8658e
351 changed files with 140124 additions and 14573 deletions

View file

@ -74,37 +74,6 @@ Vue.use(VueMaterial.mdSidenav)
Vue.use(VueMaterial.mdToolbar)
```
To get Vue Material working properly, you'll need to configure and apply a default theme.
``` javascript
Vue.material.theme.register('default', {
primary: 'cyan',
accent: 'pink'
})
```
Or you can register multiple themes at once.
``` javascript
Vue.material.theme.registerAll({
default: {
primary: 'cyan',
accent: 'pink'
},
phone: {
primary: 'indigo',
accent: 'pink'
}
})
```
Apply your theme using <code>v-md-theme</code> directive:
``` html
<div v-md-theme="'default'"></div>
<div v-md-theme="'phone'"></div>
```
## Browser Support
Vue Material supports the latest version of all Browsers. This means:
* Google Chrome 50+
@ -113,6 +82,7 @@ Vue Material supports the latest version of all Browsers. This means:
* Opera 40+
* IE 11
* Edge
<small>May work in other browsers but it's untested.</small>
## Changelog

View file

@ -3,7 +3,6 @@
set -e
# get latest version of package json
function get_package_version {
echo $(cat package.json \
| grep version \
@ -28,17 +27,18 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
# check errors
npm run lint
# generate docs tree
# generate old docs tree
PACKAGE_VERSION=$(get_package_version)
cp -Rf dist/docs tmp-docs
cp -Rf dist/docs/releases tmp-releases
cp -Rf dist/docs tmp-releases/v$PACKAGE_VERSION
# append version
sed -i '' -e "s|\"]|\", \"$VERSION\"]|g" versions.json
sed -i '' -e "s|\"]|\", \"$VERSION\"]|g" docs/versions.json
# build
VERSION=$VERSION npm run build
cp -Rf tmp-docs dist/docs/v$PACKAGE_VERSION
rm -Rf tmp-docs
cp -Rf tmp-releases dist/docs/releases
rm -Rf tmp-releases
# commit
git add -A

View file

@ -11,6 +11,7 @@ import webpackConfig from '../webpack/dev';
const app = express();
const compiler = webpack(webpackConfig);
const rootPath = path.join(__dirname, '..', '..');
const devMiddlewareInstance = devMiddleware(compiler, {
publicPath: config.publicPath,
index: config.indexPath,
@ -32,7 +33,8 @@ compiler.plugin('compilation', (compilation) => {
app.use(historyApiFallback());
app.use(devMiddlewareInstance);
app.use(hotMiddlewareInstance);
app.use('/assets', express.static(path.join(__dirname, '..', '..', config.assetsPath)));
app.use('/', express.static(path.join(rootPath, config.docsPath)));
app.use('/assets', express.static(path.join(rootPath, config.assetsPath)));
export default app.listen(config.server.port, (error) => {
let uri = 'http://localhost:' + config.server.port;

View file

@ -34,6 +34,16 @@ export default merge(baseConfig, {
context: config.assetsPath,
from: '**/*',
to: path.join(config.rootPath, 'docs', 'assets')
},
{
context: config.docsPath,
from: 'changelog.html',
to: path.join(config.rootPath, 'docs')
},
{
context: config.docsPath,
from: 'versions.json',
to: path.join(config.rootPath, 'docs')
}
]),
new HtmlWebpackPlugin({

View file

@ -1,74 +1 @@
/* 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*/
.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{width:100%;height:100%;display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar-tooltip.md-tooltip-right{margin-left:8px}.md-avatar-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar-tooltip.md-tooltip-left{margin-left:-8px}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,28 +1 @@
/* 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*/
.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-backdrop.md-active{opacity:1;pointer-events:auto}.md-backdrop.md-transparent{background:none}

View file

@ -54,7 +54,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 0 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(7);
module.exports = __webpack_require__(11);
/***/ },
@ -64,7 +64,11 @@ return /******/ (function(modules) { // webpackBootstrap
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -74,7 +78,7 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdBackdrop = __webpack_require__(8);
var _mdBackdrop = __webpack_require__(12);
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
@ -86,20 +90,20 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 8 */
/* 12 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(9)
__webpack_require__(13)
/* script */
__vue_exports__ = __webpack_require__(10)
__vue_exports__ = __webpack_require__(14)
/* template */
var __vue_template__ = __webpack_require__(11)
var __vue_template__ = __webpack_require__(15)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -111,7 +115,7 @@ return /******/ (function(modules) { // webpackBootstrap
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
__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
@ -122,9 +126,9 @@ return /******/ (function(modules) { // webpackBootstrap
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-219501a3", __vue_options__)
hotAPI.createRecord("data-v-df1259a6", __vue_options__)
} else {
hotAPI.reload("data-v-219501a3", __vue_options__)
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.")}
@ -133,13 +137,13 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/* 9 */
/* 13 */
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/* 10 */
/* 14 */
/***/ function(module, exports) {
'use strict';
@ -164,11 +168,11 @@ return /******/ (function(modules) { // webpackBootstrap
module.exports = exports['default'];
/***/ },
/* 11 */
/* 15 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._c;
return _c('div', {
staticClass: "md-backdrop",
on: {
"click": _vm.close,
@ -183,7 +187,7 @@ return /******/ (function(modules) { // webpackBootstrap
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-219501a3", module.exports)
require("vue-hot-reload-api").rerender("data-v-df1259a6", module.exports)
}
}

File diff suppressed because one or more lines are too long

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(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},84:function(e,t){},126:function(e,t,o){var n,r;o(84),n=o(36);var u=o(193);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},193: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:[]}}})});
!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(9)},9: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(141),c=n(u);e.exports=t.default},41:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},115:function(e,t){},141:function(e,t,o){var n,r;o(115),n=o(41);var u=o(245);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},245:function(e,t){e.exports={render:function(){var e=this,t=(e.$createElement,e._c);return t("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})});

View file

@ -1,96 +1 @@
/* 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*/
.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;text-decoration:none}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,192 +1 @@
/* 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*/
.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{margin-top:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-fab-top-left{position:absolute;top:16px;left:16px}.md-button.md-fab.md-fab-top-center{position:absolute;top:16px;left:50%;transform:translateX(-50%)}.md-button.md-fab.md-fab-top-right{position:absolute;top:16px;right:16px}.md-button.md-fab.md-fab-bottom-left{position:absolute;bottom:16px;left:16px}.md-button.md-fab.md-fab-bottom-center{position:absolute;bottom:16px;left:50%;transform:translateX(-50%)}.md-button.md-fab.md-fab-bottom-right{position:absolute;right:16px;bottom:16px}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{display:block}.md-button-tooltip.md-tooltip-top{margin-top:-8px}.md-button-tooltip.md-tooltip-right{margin-left:8px}.md-button-tooltip.md-tooltip-bottom{margin-top:8px}.md-button-tooltip.md-tooltip-left{margin-left:-8px}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,39 +1 @@
/* 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*/
.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,81 +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*/
.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)}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

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

View file

@ -55,7 +55,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(67);
module.exports = __webpack_require__(72);
/***/ },
@ -117,7 +117,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 67:
/***/ 72:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -127,19 +127,19 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdTheme = __webpack_require__(68);
var _mdTheme = __webpack_require__(73);
var _mdTheme2 = _interopRequireDefault(_mdTheme);
var _mdInkRipple = __webpack_require__(71);
var _mdInkRipple = __webpack_require__(78);
var _mdInkRipple2 = _interopRequireDefault(_mdInkRipple);
var _core = __webpack_require__(75);
var _core = __webpack_require__(82);
var _core2 = _interopRequireDefault(_core);
__webpack_require__(76);
__webpack_require__(83);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@ -153,12 +153,9 @@ return /******/ (function(modules) { // webpackBootstrap
install.installed = true;
Vue.material = {
styles: [_core2.default]
};
Vue.use(_mdTheme2.default);
Vue.use(_mdInkRipple2.default);
Vue.material.styles.push(_core2.default);
}
/* Core Stylesheets */
@ -166,7 +163,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 68:
/***/ 73:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -176,14 +173,18 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _palette = __webpack_require__(69);
var _palette = __webpack_require__(74);
var _palette2 = _interopRequireDefault(_palette);
var _rgba = __webpack_require__(70);
var _rgba = __webpack_require__(75);
var _rgba2 = _interopRequireDefault(_rgba);
var _MdTheme = __webpack_require__(76);
var _MdTheme2 = _interopRequireDefault(_MdTheme);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var VALID_THEME_TYPE = ['primary', 'accent', 'background', 'warn', 'hue-1', 'hue-2', 'hue-3'];
@ -209,8 +210,9 @@ return /******/ (function(modules) { // webpackBootstrap
var createNewStyleElement = function createNewStyleElement(style, name) {
var head = document.head;
var styleId = 'md-theme-' + name;
var styleElement = head.querySelector('#' + styleId);
if (!head.querySelector('#' + styleId)) {
if (!styleElement) {
var newTag = document.createElement('style');
style = style.replace(/THEME_NAME/g, styleId);
@ -220,6 +222,8 @@ return /******/ (function(modules) { // webpackBootstrap
newTag.textContent = style;
head.appendChild(newTag);
} else {
styleElement.textContent = style;
}
};
@ -292,58 +296,60 @@ return /******/ (function(modules) { // webpackBootstrap
var registerAllThemes = function registerAllThemes(themes, themeStyles) {
var themeNames = themes ? Object.keys(themes) : [];
if (themeNames.indexOf('default') === -1) {
registerTheme(DEFAULT_THEME_COLORS, 'default', themeStyles);
registeredThemes.push('default');
}
themeNames.forEach(function (name) {
registerTheme(themes[name], name, themeStyles);
registeredThemes.push(name);
});
};
var registerDirective = function registerDirective(element, _ref) {
var value = _ref.value,
oldValue = _ref.oldValue;
var theme = value;
var newClass = 'md-theme-' + theme;
var oldClass = 'md-theme-' + oldValue;
if (!element.classList.contains(newClass)) {
element.classList.remove(oldClass);
if (theme && registeredThemes.indexOf(theme) >= 0) {
element.classList.add(newClass);
} else {
element.classList.add(oldClass);
console.warn('Attempted to use unregistered theme "' + theme + '\".');
}
}
};
function install(Vue) {
Vue.directive('mdTheme', registerDirective);
Vue.material.theme = {
register: function register(name, spec) {
var theme = {};
theme[name] = spec;
registerAllThemes(theme, Vue.material.styles);
Vue.material = new Vue({
data: function data() {
return {
styles: [],
currentTheme: null
};
},
registerAll: function registerAll(themes) {
registerAllThemes(themes, Vue.material.styles);
methods: {
registerTheme: function registerTheme(name, spec) {
var theme = {};
if (typeof name === 'string') {
theme[name] = spec;
} else {
theme = name;
}
registerAllThemes(theme, this.styles);
},
applyCurrentTheme: function applyCurrentTheme(themeName) {
document.body.classList.remove('md-theme-' + this.currentTheme);
document.body.classList.add('md-theme-' + themeName);
this.currentTheme = themeName;
},
setCurrentTheme: function setCurrentTheme(themeName) {
if (registeredThemes.indexOf(themeName) >= 0) {
this.applyCurrentTheme(themeName);
} else {
if (registeredThemes.indexOf('default') === -1) {
this.registerTheme('default', DEFAULT_THEME_COLORS);
} else {
console.warn('The theme \'' + themeName + '\' doesn\'t exists. You need to register it first in order to use.');
}
this.applyCurrentTheme('default');
}
}
}
};
});
Vue.component('md-theme', _MdTheme2.default);
}
module.exports = exports['default'];
/***/ },
/***/ 69:
/***/ 74:
/***/ function(module, exports) {
'use strict';
@ -714,7 +720,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 70:
/***/ 75:
/***/ function(module, exports) {
'use strict';
@ -764,7 +770,82 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 71:
/***/ 76:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(77)
__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/core/components/mdTheme/MdTheme.vue"
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-7108c965", __vue_options__)
} else {
hotAPI.reload("data-v-7108c965", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] MdTheme.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 77:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTag: String,
mdName: {
type: String,
default: 'default'
}
},
data: function data() {
return {
name: 'md-theme'
};
},
render: function render(_render) {
if (this.mdTag || this.$slots.default.length > 1) {
return _render(this.mdTag || 'div', {
staticClass: 'md-theme'
}, this.$slots.default);
}
return this.$slots.default[0];
}
};
module.exports = exports['default'];
/***/ },
/***/ 78:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -774,9 +855,9 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
__webpack_require__(72);
__webpack_require__(79);
__webpack_require__(73);
__webpack_require__(80);
function install(Vue) {
var rippleParentClass = 'md-ink-ripple';
@ -930,7 +1011,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 72:
/***/ 79:
/***/ function(module, exports) {
/* scopeQuerySelectorShim.js
@ -1001,14 +1082,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 73:
/***/ 80:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(74)
__webpack_require__(81)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -1020,7 +1101,7 @@ return /******/ (function(modules) { // webpackBootstrap
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/core/components/mdInkRipple/mdInkRipple.vue"
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/core/components/mdInkRipple/mdInkRipple.vue"
if (__vue_options__.functional) {console.error("[vue-loader] mdInkRipple.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
@ -1028,30 +1109,30 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 74:
/***/ 81:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 75:
/***/ 82:
/***/ 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"
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-A100;\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"
/***/ },
/***/ 76:
/***/ 83:
/***/ 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__(77);
var content = __webpack_require__(84);
if(typeof content === 'string') content = [[module.id, content, '']];
// add the styles to the DOM
var update = __webpack_require__(78)(content, {});
var update = __webpack_require__(85)(content, {});
if(content.locals) module.exports = content.locals;
// Hot Module Replacement
if(false) {
@ -1069,7 +1150,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 77:
/***/ 84:
/***/ function(module, exports, __webpack_require__) {
exports = module.exports = __webpack_require__(4)();
@ -1077,14 +1158,14 @@ return /******/ (function(modules) { // webpackBootstrap
// 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):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.push([module.id, "/* Common */\n/* Responsive Breakpoints */\n/* Transitions - Based on Angular Material */\n/* Elevation - Based on Angular Material */\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, \"Noto Sans\", Noto, sans-serif; }\n\n[tabindex='-1']:focus {\n outline: none; }\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
/***/ },
/***/ 78:
/***/ 85:
/***/ function(module, exports, __webpack_require__) {
/*

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,122 +1 @@
/* 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%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
overflow: hidden;
position: relative;
z-index: 110;
outline: none;
border-radius: 2px;
opacity: 0;
box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
transform: scale(0.9, 0.85);
transform-origin: center center;
transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: opacity, transform;
}
.md-dialog.md-reference {
transform-origin: top center;
}
.md-dialog.md-transition-off {
transition: none !important;
}
.md-dialog p {
margin: 0;
}
.md-dialog-title {
margin-bottom: 20px;
padding: 24px 24px 0;
}
.md-dialog-content {
padding: 0 24px 24px;
-ms-flex: 1;
flex: 1;
overflow: auto;
position: relative;
background: linear-gradient(to bottom, #fff 0, #fff 1px, transparent 1px), linear-gradient(to top, #fff 0, #fff 3px, transparent 3px), linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(to top, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.2) 2px, transparent 2px);
background-attachment: local, local, scroll, scroll;
}
.md-dialog-content:first-child {
padding-top: 24px;
}
.md-dialog-content p:first-child:not(:only-child) {
margin-top: 0;
}
.md-dialog-content p:last-child:not(:only-child) {
margin-bottom: 0;
}
.md-dialog-body {
margin: 0 -24px;
padding: 0 24px;
overflow: auto;
}
.md-dialog-actions {
min-height: 52px;
padding: 8px 8px 8px 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.md-dialog-actions:before {
height: 1px;
position: absolute;
top: -1px;
right: 0;
left: 0;
background-color: #fff;
content: " ";
}
.md-dialog-actions .md-button {
min-width: 64px;
margin: 0;
padding: 0 8px;
}
.md-dialog-actions .md-button + .md-button {
margin-left: 8px;
}
/*# sourceMappingURL=index.css.map*/
.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:108}.md-dialog-container.md-active{pointer-events:auto}.md-dialog-container.md-active .md-dialog{opacity:1!important;transform:scale(1)!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform}.md-dialog-backdrop{position:fixed;z-index:109}.md-dialog{min-width:280px;max-width:80%;max-height:80%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;overflow:hidden;position:relative;z-index:110;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px;-ms-flex:1;flex:1;overflow:auto;position:relative;background:linear-gradient(180deg,#fff 0,#fff 1px,transparent 0),linear-gradient(0deg,#fff 0,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px,transparent 0);background-attachment:local,local,scroll,scroll}.md-dialog-content:first-child{padding-top:24px}.md-dialog-content p:first-child:not(:only-child){margin-top:0}.md-dialog-content p:last-child:not(:only-child){margin-bottom:0}.md-dialog-body{margin:0 -24px;padding:0 24px;overflow:auto}.md-dialog-actions{min-height:52px;padding:8px 8px 8px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:relative}.md-dialog-actions:before{height:1px;position:absolute;top:-1px;right:0;left:0;background-color:#fff;content:" "}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,19 +1 @@
/* 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*/
.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}

View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(101);
module.exports = __webpack_require__(108);
/***/ },
/***/ 101:
/***/ 108:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdDivider = __webpack_require__(102);
var _mdDivider = __webpack_require__(109);
var _mdDivider2 = _interopRequireDefault(_mdDivider);
@ -83,17 +83,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 102:
/***/ 109:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(103)
__webpack_require__(110)
/* template */
var __vue_template__ = __webpack_require__(104)
var __vue_template__ = __webpack_require__(111)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -105,7 +105,7 @@ return /******/ (function(modules) { // webpackBootstrap
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDivider/mdDivider.vue"
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
@ -116,9 +116,9 @@ return /******/ (function(modules) { // webpackBootstrap
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-142f1b89", __vue_options__)
hotAPI.createRecord("data-v-30e870da", __vue_options__)
} else {
hotAPI.reload("data-v-142f1b89", __vue_options__)
hotAPI.reload("data-v-30e870da", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported and should be defined in plain js files using render functions.")}
@ -128,18 +128,18 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 103:
/***/ 110:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 104:
/***/ 111:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('hr', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._c;
return _c('hr', {
staticClass: "md-divider"
})
},staticRenderFns: []}
@ -147,7 +147,7 @@ return /******/ (function(modules) { // webpackBootstrap
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-142f1b89", module.exports)
require("vue-hot-reload-api").rerender("data-v-30e870da", module.exports)
}
}

File diff suppressed because one or more lines are too long

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-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},82:function(e,t){},149:function(e,t,n){var o,r;n(82);var u=n(184);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},184:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return t("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(16)},16: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(164),i=o(u);e.exports=t.default},99:function(e,t){},164:function(e,t,n){var o,r;n(99);var u=n(213);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},213:function(e,t){e.exports={render:function(){var e=this,t=(e.$createElement,e._c);return t("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})});

View file

@ -1,21 +1 @@
/* 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*/
.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}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,158 +1 @@
/* 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;
resize: none;
line-height: 1.3em;
}
.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:not(.md-disabled):after {
color: rgba(0, 0, 0, 0.87);
}
/*# sourceMappingURL=index.css.map*/
.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;resize:none;line-height:1.3em}.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:not(.md-disabled):after{color:rgba(0,0,0,.87)}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/components/mdLayout/index.css vendored Normal file

File diff suppressed because one or more lines are too long

View file

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

252
dist/components/mdLayout/index.debug.js vendored Normal file
View file

@ -0,0 +1,252 @@
(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__(134);
/***/ },
/***/ 134:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdLayout = __webpack_require__(135);
var _mdLayout2 = _interopRequireDefault(_mdLayout);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-layout', Vue.extend(_mdLayout2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 135:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(136)
/* script */
__vue_exports__ = __webpack_require__(137)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdLayout/mdLayout.vue"
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-1f1a95a6", __vue_options__)
} else {
hotAPI.reload("data-v-1f1a95a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdLayout.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 136:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 137:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
props: {
mdTag: {
type: String,
default: 'div'
},
mdRow: Boolean,
mdRowXsmall: Boolean,
mdRowSmall: Boolean,
mdRowMedium: Boolean,
mdRowLarge: Boolean,
mdRowXlarge: Boolean,
mdColumn: Boolean,
mdColumnXsmall: Boolean,
mdColumnSmall: Boolean,
mdColumnMedium: Boolean,
mdColumnLarge: Boolean,
mdColumnXlarge: Boolean,
mdHideXsmall: Boolean,
mdHideSmall: Boolean,
mdHideMedium: Boolean,
mdHideLarge: Boolean,
mdHideXlarge: Boolean,
mdGutter: [String, Number, Boolean],
mdFlex: [String, Number, Boolean],
mdFlexXsmall: [String, Number, Boolean],
mdFlexSmall: [String, Number, Boolean],
mdFlexMedium: [String, Number, Boolean],
mdFlexLarge: [String, Number, Boolean],
mdFlexXlarge: [String, Number, Boolean],
mdFlexOffset: [String, Number]
},
computed: {
classes: function classes() {
var classes = {
'md-row': this.mdRow,
'md-row-xsmall': this.mdRowXsmall,
'md-row-small': this.mdRowSmall,
'md-row-medium': this.mdRowMedium,
'md-row-large': this.mdRowLarge,
'md-row-xlarge': this.mdRowXlarge,
'md-column': this.mdColumn,
'md-column-xsmall': this.mdColumnXsmall,
'md-column-small': this.mdColumnSmall,
'md-column-medium': this.mdColumnMedium,
'md-column-large': this.mdColumnLarge,
'md-column-xlarge': this.mdColumnXlarge,
'md-hide-xsmall': this.mdHideXsmall,
'md-hide-small': this.mdHideSmall,
'md-hide-medium': this.mdHideMedium,
'md-hide-large': this.mdHideLarge,
'md-hide-xlarge': this.mdHideXlarge
};
if (this.mdGutter) {
if (typeof this.mdGutter === 'boolean') {
classes['md-gutter'] = true;
} else if (this.mdGutter) {
classes['md-gutter-' + this.mdGutter] = true;
}
}
if (this.mdFlexOffset) {
classes['md-flex-offset-' + this.mdFlexOffset] = true;
}
this.generateFlexClasses('', 'mdFlex', classes);
this.generateFlexClasses('xsmall', 'mdFlexXsmall', classes);
this.generateFlexClasses('small', 'mdFlexSmall', classes);
this.generateFlexClasses('medium', 'mdFlexMedium', classes);
this.generateFlexClasses('large', 'mdFlexLarge', classes);
this.generateFlexClasses('xlarge', 'mdFlexXlarge', classes);
return classes;
}
},
methods: {
generateFlexClasses: function generateFlexClasses(size, name, object) {
if (size) {
size = '-' + size;
}
if (this[name]) {
if (typeof this[name] === 'boolean') {
object['md-flex' + size] = true;
} else {
object['md-flex' + size + '-' + this[name]] = true;
}
}
}
},
render: function render(createElement) {
return createElement(this.mdTag, {
staticClass: 'md-layout',
class: this.classes
}, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

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

@ -0,0 +1 @@
!function(e,l){"object"==typeof exports&&"object"==typeof module?module.exports=l():"function"==typeof define&&define.amd?define([],l):"object"==typeof exports?exports.VueMaterial=l():e.VueMaterial=l()}(this,function(){return function(e){function l(t){if(m[t])return m[t].exports;var o=m[t]={exports:{},id:t,loaded:!1};return e[t].call(o.exports,o,o.exports,l),o.loaded=!0,o.exports}var m={};return l.m=e,l.c=m,l.p="/",l(0)}({0:function(e,l,m){e.exports=m(19)},19:function(e,l,m){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-layout",e.extend(a.default))}Object.defineProperty(l,"__esModule",{value:!0}),l.default=o;var d=m(169),a=t(d);e.exports=l.default},61:function(e,l){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.default={props:{mdTag:{type:String,default:"div"},mdRow:Boolean,mdRowXsmall:Boolean,mdRowSmall:Boolean,mdRowMedium:Boolean,mdRowLarge:Boolean,mdRowXlarge:Boolean,mdColumn:Boolean,mdColumnXsmall:Boolean,mdColumnSmall:Boolean,mdColumnMedium:Boolean,mdColumnLarge:Boolean,mdColumnXlarge:Boolean,mdHideXsmall:Boolean,mdHideSmall:Boolean,mdHideMedium:Boolean,mdHideLarge:Boolean,mdHideXlarge:Boolean,mdGutter:[String,Number,Boolean],mdFlex:[String,Number,Boolean],mdFlexXsmall:[String,Number,Boolean],mdFlexSmall:[String,Number,Boolean],mdFlexMedium:[String,Number,Boolean],mdFlexLarge:[String,Number,Boolean],mdFlexXlarge:[String,Number,Boolean],mdFlexOffset:[String,Number]},computed:{classes:function e(){var e={"md-row":this.mdRow,"md-row-xsmall":this.mdRowXsmall,"md-row-small":this.mdRowSmall,"md-row-medium":this.mdRowMedium,"md-row-large":this.mdRowLarge,"md-row-xlarge":this.mdRowXlarge,"md-column":this.mdColumn,"md-column-xsmall":this.mdColumnXsmall,"md-column-small":this.mdColumnSmall,"md-column-medium":this.mdColumnMedium,"md-column-large":this.mdColumnLarge,"md-column-xlarge":this.mdColumnXlarge,"md-hide-xsmall":this.mdHideXsmall,"md-hide-small":this.mdHideSmall,"md-hide-medium":this.mdHideMedium,"md-hide-large":this.mdHideLarge,"md-hide-xlarge":this.mdHideXlarge};return this.mdGutter&&("boolean"==typeof this.mdGutter?e["md-gutter"]=!0:this.mdGutter&&(e["md-gutter-"+this.mdGutter]=!0)),this.mdFlexOffset&&(e["md-flex-offset-"+this.mdFlexOffset]=!0),this.generateFlexClasses("","mdFlex",e),this.generateFlexClasses("xsmall","mdFlexXsmall",e),this.generateFlexClasses("small","mdFlexSmall",e),this.generateFlexClasses("medium","mdFlexMedium",e),this.generateFlexClasses("large","mdFlexLarge",e),this.generateFlexClasses("xlarge","mdFlexXlarge",e),e}},methods:{generateFlexClasses:function(e,l,m){e&&(e="-"+e),this[l]&&("boolean"==typeof this[l]?m["md-flex"+e]=!0:m["md-flex"+e+"-"+this[l]]=!0)}},render:function(e){return e(this.mdTag,{staticClass:"md-layout",class:this.classes},this.$slots.default)}},e.exports=l.default},98:function(e,l){},169:function(e,l,m){var t,o;m(98),t=m(61),o=t=t||{},"object"!=typeof t.default&&"function"!=typeof t.default||(o=t=t.default),"function"==typeof o&&(o=o.options),e.exports=t}})});

View file

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

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,116 +1 @@
/* 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*/
.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(.9,.85) translateZ(0);border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),margin .2s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;will-change:transform,opacity,width}.md-menu-content.md-direction-bottom-right{margin-top:-20px;margin-left:-8px;transform-origin:top left}.md-menu-content.md-direction-bottom-right.md-active{margin-top:-11px}.md-menu-content.md-direction-bottom-left{margin-top:-20px;margin-left:8px;transform-origin:top right}.md-menu-content.md-direction-bottom-left.md-active{margin-top:-11px}.md-menu-content.md-direction-top-right{margin-top:20px;margin-left:-8px;transform-origin:bottom left}.md-menu-content.md-direction-top-right.md-active{margin-top:11px}.md-menu-content.md-direction-top-left{margin-top:20px;margin-left:8px;transform-origin:bottom right}.md-menu-content.md-direction-top-left.md-active{margin-top:11px}.md-menu-content.md-align-trigger{margin:0}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;transform:scale(1) translateZ(0);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .35s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1) .05s}.md-menu-content.md-active .md-list{opacity:1;transition:opacity .2s cubic-bezier(.25,.8,.25,1) .15s}.md-menu-content .md-list{opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1)}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item[disabled]{cursor:default}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,65 +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*/
.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)}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,149 +1 @@
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-select {
width: 100%;
min-width: 128px;
height: 32px;
position: relative;
}
.md-select:focus {
outline: none;
}
.md-select:after {
margin-top: 2px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) scaleY(0.45) scaleX(0.85);
transition: all 0.08s linear;
color: rgba(0, 0, 0, 0.54);
content: "\25BC";
}
.md-select.md-active .md-select-menu {
top: -8px;
pointer-events: auto;
opacity: 1;
transform: translateY(-8px) scale3D(1, 1, 1);
transform-origin: center top;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .25s;
transition-property: opacity, transform, top;
}
.md-select.md-active .md-select-menu > * {
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: .15s;
transition-delay: .1s;
}
.md-select.md-disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-drag: none;
}
.md-select.md-disabled:after {
color: rgba(0, 0, 0, 0.38);
}
.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*/
.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .15s linear;content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select.md-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.md-select select{position:absolute;left:-999em}.md-select .md-menu,.md-select .md-select-value{width:100%;height:32px;display:block;position:relative}.md-select .md-select-value{padding-right:24px;cursor:pointer;overflow:hidden;z-index:2;font-size:16px;line-height:33px;text-overflow:ellipsis;white-space:nowrap}.md-select .md-subheader{color:hsla(0,0%,46%,.87);text-transform:uppercase}.md-select .md-subheader:first-child{margin-top:-8px}.md-select-content{width:auto;max-height:256px}.md-select-content.md-direction-bottom-right{margin-top:-15px;margin-left:-16px}.md-select-content .md-menu-item .md-list-item-holder{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}.md-select-content.md-multiple .md-checkbox{margin:0}.md-select-content.md-multiple .md-checkbox-label{padding-left:16px;cursor:pointer}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,56 +1 @@
/* 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*/
.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3D(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3D(100%,0,0)}.md-sidenav.md-fixed .md-sidenav-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:100;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform;will-change:transform}.md-sidenav .md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;pointer-events:none;background-color:rgba(0,0,0,.54);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:opacity;will-change:opacity}.md-sidenav.md-active .md-sidenav-content{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);pointer-events:auto;transform:translate3D(0,0,0)}.md-sidenav.md-active .md-sidenav-backdrop{opacity:1;pointer-events:auto}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/components/mdSpinner/index.css vendored Normal file
View file

@ -0,0 +1 @@
.md-spinner{display:inline-block;position:relative;pointer-events:none;will-change:transform,opacity}.md-spinner.md-indeterminate .md-spinner-draw{animation:spinner-rotate 1.9s linear infinite;transform:rotate(0deg) translateZ(0)}.md-spinner.md-indeterminate .md-spinner-path{stroke-dasharray:2,200;animation:spinner-dash 1.425s ease-in-out infinite}.md-spinner.md-spinner-leave-active{opacity:0;transform:scale(.8) translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-spinner:not(.md-indeterminate).md-spinner-enter-active{transition-duration:2s}.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw{animation:spinner-initial-rotate 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-spinner-draw{width:100%;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(270deg) translateZ(0);transform-origin:center center;will-change:transform,opacity}.md-spinner-path{fill:none;stroke-dashoffset:0;stroke-miterlimit:10;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes spinner-rotate{to{transform:rotate(1turn) translateZ(0)}}@keyframes spinner-initial-rotate{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes spinner-dash{0%{stroke-dasharray:2,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}

View file

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

6535
dist/components/mdSpinner/index.debug.js vendored Normal file

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

7
dist/components/mdSpinner/index.js vendored Normal file

File diff suppressed because one or more lines are too long

View file

@ -1,21 +1 @@
/* 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*/
.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}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,82 +1 @@
/* 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*/
.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 .15s 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}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,126 +1 @@
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-tabs {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
}
.md-tabs.md-transition-off * {
transition: none !important;
}
.md-tabs.md-dynamic-height .md-tabs-content {
transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-tabs .md-tabs-navigation {
height: 48px;
min-height: 48px;
position: relative;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-tabs .md-tabs-navigation.md-has-icon.md-has-label {
min-height: 72px;
}
.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon {
margin-bottom: 10px;
}
.md-tabs .md-tabs-navigation.md-centered {
-ms-flex-pack: center;
justify-content: center;
}
.md-tabs .md-tabs-navigation.md-fixed .md-tab-header {
-ms-flex: 1;
flex: 1;
}
.md-tabs .md-tabs-navigation.md-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.md-tabs .md-tab-header {
min-width: 72px;
max-width: 264px;
margin: 0;
padding: 0 12px;
display: inline-block;
position: relative;
cursor: pointer;
border: 0;
background: none;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
font-family: inherit;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.md-tabs .md-tab-header.md-disabled {
cursor: default;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.md-tabs .md-tab-header-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.md-tabs .md-tab-header-container .md-icon {
margin: 0;
}
.md-tabs .md-tab-indicator {
height: 2px;
position: absolute;
bottom: 0;
left: 0;
transform: translate3D(0, 0, 0);
}
.md-tabs .md-tab-indicator.md-transition-off {
transition: none !important;
}
.md-tabs .md-tab-indicator.md-to-right {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-tabs .md-tab-indicator.md-to-left {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-tabs .md-tabs-content {
width: 100%;
height: 0;
position: relative;
overflow: hidden;
}
.md-tabs .md-tabs-wrapper {
width: 9999em;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translate3d(0, 0, 0);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-tabs .md-tab {
padding: 16px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
/*# sourceMappingURL=index.css.map*/
.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-transition-off *{transition:none!important}.md-tabs.md-dynamic-height .md-tabs-content{transition:height .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;position:relative;z-index:1;display:-ms-flexbox;display:flex;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label{min-height:72px}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon{margin-bottom:10px}.md-tabs .md-tabs-navigation.md-centered{-ms-flex-pack:center;justify-content:center}.md-tabs .md-tabs-navigation.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation.md-right{-ms-flex-pack:end;justify-content:flex-end}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;position:relative;cursor:pointer;border:0;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);font-family:inherit;font-size:14px;font-weight:500;text-transform:uppercase}.md-tabs .md-tab-header.md-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.md-tabs .md-tab-header-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.md-tabs .md-tab-header-container .md-icon{margin:0}.md-tabs .md-tab-indicator{height:2px;position:absolute;bottom:0;left:0;transform:translate3D(0,0,0)}.md-tabs .md-tab-indicator.md-transition-off{transition:none!important}.md-tabs .md-tab-indicator.md-to-right{transition:all .4s cubic-bezier(.25,.8,.25,1),left .3s cubic-bezier(.35,0,.25,1),right .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tab-indicator.md-to-left{transition:all .4s cubic-bezier(.25,.8,.25,1),right .3s cubic-bezier(.35,0,.25,1),left .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden}.md-tabs .md-tabs-wrapper{width:9999em;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab{padding:16px;position:absolute;top:0;left:0;right:0}

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,109 +1 @@
/* Common
========================================================================== */
/* Transitions - Based on Angular Material
========================================================================== */
/* Elevation - Based on Angular Material
========================================================================== */
.md-toolbar {
min-height: 64px;
padding: 0 8px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transform: translate3D(0, 0, 0);
}
.md-toolbar.md-dense {
min-height: 48px;
}
.md-toolbar.md-dense.md-medium {
min-height: 72px;
}
.md-toolbar.md-dense.md-large {
min-height: 96px;
}
.md-toolbar.md-dense .md-toolbar-container {
height: 48px;
}
.md-toolbar.md-medium {
min-height: 88px;
}
.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child {
margin-left: 56px;
}
.md-toolbar.md-large {
min-height: 128px;
-ms-flex-line-pack: inherit;
align-content: inherit;
}
.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child {
margin-left: 56px;
}
.md-toolbar.md-account-header {
min-height: 164px;
}
.md-toolbar.md-account-header .md-ink-ripple {
color: #fff;
}
.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]) {
background-color: rgba(255, 255, 255, 0.12);
}
.md-toolbar.md-account-header .md-avatar-list {
margin: 16px 0 8px;
}
.md-toolbar.md-account-header .md-avatar-list .md-list-item-container {
-ms-flex-align: start;
align-items: flex-start;
}
.md-toolbar.md-account-header .md-avatar-list .md-avatar + .md-avatar {
margin-left: 16px;
}
.md-toolbar .md-toolbar-container {
width: 100%;
height: 64px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: start;
align-self: flex-start;
}
.md-toolbar .md-toolbar-container > .md-button:first-child {
margin-left: 0;
margin-right: 16px;
}
.md-toolbar .md-toolbar-container > .md-button + .md-button {
margin-left: 0;
}
.md-toolbar > .md-button:first-child {
margin-left: 0;
margin-right: 16px;
}
.md-toolbar > .md-button + .md-button {
margin-left: 0;
}
.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab) {
background-color: rgba(255, 255, 255, 0.1);
}
.md-toolbar .md-title {
margin: 0;
font-size: 20px;
font-weight: 400;
}
.md-toolbar .md-title:first-child {
margin-left: 8px;
}
.md-toolbar .md-list {
padding: 0;
margin: 0 -8px;
-ms-flex: 1;
flex: 1;
}
/*# sourceMappingURL=index.css.map*/
.md-toolbar{min-height:64px;padding:0 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translate3D(0,0,0)}.md-toolbar.md-dense{min-height:48px}.md-toolbar.md-dense.md-medium{min-height:72px}.md-toolbar.md-dense.md-large{min-height:96px}.md-toolbar.md-dense .md-toolbar-container{height:48px}.md-toolbar.md-medium{min-height:88px}.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child{margin-left:56px}.md-toolbar.md-large{min-height:128px;-ms-flex-line-pack:inherit;align-content:inherit}.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child{margin-left:56px}.md-toolbar.md-account-header{min-height:164px}.md-toolbar.md-account-header .md-ink-ripple{color:#fff}.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]){background-color:hsla(0,0%,100%,.12)}.md-toolbar.md-account-header .md-avatar-list{margin:16px 0 8px}.md-toolbar.md-account-header .md-avatar-list .md-list-item-container{-ms-flex-align:start;align-items:flex-start}.md-toolbar.md-account-header .md-avatar-list .md-avatar+.md-avatar{margin-left:16px}.md-toolbar .md-toolbar-container{width:100%;height:64px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start}.md-toolbar .md-toolbar-container>.md-button:first-child{margin-left:0;margin-right:16px}.md-toolbar .md-toolbar-container>.md-button+.md-button{margin-left:0}.md-toolbar>.md-button:first-child{margin-left:0;margin-right:16px}.md-toolbar>.md-button+.md-button{margin-left:0}.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab){background-color:hsla(0,0%,100%,.1)}.md-toolbar .md-title{margin:0;font-size:20px;font-weight:400}.md-toolbar .md-title:first-child{margin-left:8px}.md-toolbar .md-list{padding:0;margin:0 -8px;-ms-flex:1;flex:1}

File diff suppressed because it is too large Load diff

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