[build] 0.4.0

This commit is contained in:
Marcos Moura 2016-12-05 01:53:41 -02:00
parent dd0855faa3
commit c395934de6
224 changed files with 10506 additions and 2112 deletions

View file

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

View file

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

View file

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

File diff suppressed because one or more lines are too long

View file

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

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

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

View file

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

View file

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

File diff suppressed because one or more lines are too long

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

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

View file

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

View file

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

View file

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

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

View file

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

View file

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

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

View file

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

View file

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

File diff suppressed because one or more lines are too long

View file

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

File diff suppressed because one or more lines are too long

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

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

View file

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

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

View file

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

View file

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

File diff suppressed because one or more lines are too long

View file

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

View file

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

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

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

View file

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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

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

View file

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

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

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

View file

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

View file

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

View file

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

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

View file

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

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

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

View file

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

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

View file

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

View file

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

View file

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

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

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

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

View file

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

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

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

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

View file

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

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

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

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

View file

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

File diff suppressed because one or more lines are too long

View file

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

View file

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

View file

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

View file

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

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

View file

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

View file

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

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

View file

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

View file

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

View file

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

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

View file

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

View file

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

View file

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

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

File diff suppressed because one or more lines are too long

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

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

View file

@ -55,12 +55,12 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(156);
module.exports = __webpack_require__(182);
/***/ },
/***/ 92:
/***/ 119:
/***/ function(module, exports) {
"use strict";
@ -69,7 +69,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
if (!$parent || !$parent.$el) {
return false;
}
@ -89,7 +89,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 156:
/***/ 182:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -99,39 +99,39 @@ return /******/ (function(modules) { // webpackBootstrap
});
exports.default = install;
var _mdTable = __webpack_require__(157);
var _mdTable = __webpack_require__(183);
var _mdTable2 = _interopRequireDefault(_mdTable);
var _mdTableRow = __webpack_require__(161);
var _mdTableRow = __webpack_require__(187);
var _mdTableRow2 = _interopRequireDefault(_mdTableRow);
var _mdTableHead = __webpack_require__(164);
var _mdTableHead = __webpack_require__(190);
var _mdTableHead2 = _interopRequireDefault(_mdTableHead);
var _mdTableCell = __webpack_require__(167);
var _mdTableCell = __webpack_require__(193);
var _mdTableCell2 = _interopRequireDefault(_mdTableCell);
var _mdTableEdit = __webpack_require__(170);
var _mdTableEdit = __webpack_require__(196);
var _mdTableEdit2 = _interopRequireDefault(_mdTableEdit);
var _mdTableCard = __webpack_require__(173);
var _mdTableCard = __webpack_require__(199);
var _mdTableCard2 = _interopRequireDefault(_mdTableCard);
var _mdTableAlternateHeader = __webpack_require__(175);
var _mdTableAlternateHeader = __webpack_require__(201);
var _mdTableAlternateHeader2 = _interopRequireDefault(_mdTableAlternateHeader);
var _mdTablePagination = __webpack_require__(178);
var _mdTablePagination = __webpack_require__(204);
var _mdTablePagination2 = _interopRequireDefault(_mdTablePagination);
var _mdTable3 = __webpack_require__(181);
var _mdTable3 = __webpack_require__(207);
var _mdTable4 = _interopRequireDefault(_mdTable3);
@ -169,20 +169,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 157:
/***/ 183:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-dda64186!sass!./mdTable.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
__webpack_require__(184)
/* script */
__vue_exports__ = __webpack_require__(159)
__vue_exports__ = __webpack_require__(185)
/* template */
var __vue_template__ = __webpack_require__(160)
var __vue_template__ = __webpack_require__(186)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -217,7 +217,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 159:
/***/ 184:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 185:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -226,7 +233,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -283,14 +290,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 160:
/***/ 186:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-table"
}, [_vm._h('table', [_vm._t("default")])])
}, [_h('table', [_vm._t("default")])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -300,17 +308,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 161:
/***/ 187:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(162)
__vue_exports__ = __webpack_require__(188)
/* template */
var __vue_template__ = __webpack_require__(163)
var __vue_template__ = __webpack_require__(189)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -345,7 +353,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 162:
/***/ 188:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -354,7 +362,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -399,6 +407,12 @@ return /******/ (function(modules) { // webpackBootstrap
};
}
},
watch: {
mdItem: function mdItem(newValue, oldValue) {
this.parentTable.data[this.index] = this.mdItem;
this.handleMultipleSelection(newValue === oldValue);
}
},
methods: {
setSelectedRow: function setSelectedRow(value, index) {
if (value) {
@ -457,11 +471,6 @@ return /******/ (function(modules) { // webpackBootstrap
}
}
},
watch: {
data: function data() {
this.parentTable.data[this.index] = this.item;
}
},
mounted: function mounted() {
this.parentTable = (0, _getClosestVueParent2.default)(this.$parent, 'md-table');
@ -485,19 +494,19 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 163:
/***/ 189:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('tr', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('tr', {
staticClass: "md-table-row",
class: _vm.classes,
on: {
"click": _vm.autoSelect
}
}, [(_vm.hasSelection) ? _vm._h('md-table-cell', {
}, [(_vm.hasSelection) ? _h('md-table-cell', {
staticClass: "md-table-selection"
}, [_vm._h('md-checkbox', {
}, [_h('md-checkbox', {
directives: [{
name: "model",
rawName: "v-model",
@ -518,6 +527,7 @@ return /******/ (function(modules) { // webpackBootstrap
}
})]) : _vm._e(), " ", _vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -527,17 +537,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 164:
/***/ 190:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(165)
__vue_exports__ = __webpack_require__(191)
/* template */
var __vue_template__ = __webpack_require__(166)
var __vue_template__ = __webpack_require__(192)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -572,7 +582,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 165:
/***/ 191:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -581,7 +591,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -663,17 +673,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 166:
/***/ 192:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('th', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('th', {
staticClass: "md-table-head",
class: _vm.classes,
on: {
"click": _vm.changeSort
}
}, [_vm._h('div', {
}, [_h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
@ -681,12 +691,13 @@ return /******/ (function(modules) { // webpackBootstrap
expression: "!mdSortBy"
}],
staticClass: "md-table-head-container"
}, [_vm._h('div', {
}, [_h('div', {
staticClass: "md-table-head-text md-test"
}, [(_vm.mdSortBy) ? _vm._h('md-icon', {
}, [(_vm.mdSortBy) ? _h('md-icon', {
staticClass: "md-sortable-icon"
}, ["arrow_downward"]) : _vm._e(), " ", _vm._t("default"), " ", (_vm.mdTooltip) ? _vm._h('md-tooltip', [_vm._s(_vm.mdTooltip)]) : _vm._e()])])])
}, ["arrow_downward"]) : _vm._e(), " ", _vm._t("default"), " ", (_vm.mdTooltip) ? _h('md-tooltip', [_vm._s(_vm.mdTooltip)]) : _vm._e()])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -696,17 +707,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 167:
/***/ 193:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(168)
__vue_exports__ = __webpack_require__(194)
/* template */
var __vue_template__ = __webpack_require__(169)
var __vue_template__ = __webpack_require__(195)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -741,7 +752,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 168:
/***/ 194:
/***/ function(module, exports) {
'use strict';
@ -762,29 +773,41 @@ return /******/ (function(modules) { // webpackBootstrap
props: {
mdNumeric: Boolean
},
data: function data() {
return {
hasAction: false
};
},
computed: {
classes: function classes() {
return {
'md-numeric': this.mdNumeric
'md-numeric': this.mdNumeric,
'md-has-action': this.hasAction
};
}
},
mounted: function mounted() {
if (this.$children.length > 0) {
this.hasAction = true;
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 169:
/***/ 195:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('td', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('td', {
staticClass: "md-table-cell",
class: _vm.classes
}, [_vm._h('div', {
}, [_h('div', {
staticClass: "md-table-cell-container"
}, [_vm._t("default")])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -794,17 +817,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 170:
/***/ 196:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(171)
__vue_exports__ = __webpack_require__(197)
/* template */
var __vue_template__ = __webpack_require__(172)
var __vue_template__ = __webpack_require__(198)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -839,7 +862,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 171:
/***/ 197:
/***/ function(module, exports) {
'use strict';
@ -871,7 +894,7 @@ return /******/ (function(modules) { // webpackBootstrap
exports.default = {
props: {
value: String,
value: [String, Number],
mdLarge: Boolean,
mdId: String,
mdName: String,
@ -931,19 +954,19 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 172:
/***/ 198:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-table-edit",
on: {
"keydown": function($event) {
if ($event.keyCode !== 27) { return; }
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.closeDialog($event)
}
}
}, [_vm._h('div', {
}, [_h('div', {
staticClass: "md-table-edit-trigger",
class: _vm.triggerClasses,
on: {
@ -952,11 +975,11 @@ return /******/ (function(modules) { // webpackBootstrap
_vm.openDialog($event)
}
}
}, ["\n " + _vm._s(_vm.value || _vm.mdPlaceholder) + "\n "]), " ", _vm._h('div', {
}, ["\n " + _vm._s(_vm.value || _vm.mdPlaceholder) + "\n "]), " ", _h('div', {
ref: "dialog",
staticClass: "md-table-dialog",
class: _vm.dialogClasses
}, [_vm._h('md-input-container', [_vm._h('md-input', {
}, [_h('md-input-container', [_h('md-input', {
ref: "input",
attrs: {
"id": _vm.mdId,
@ -967,12 +990,13 @@ return /******/ (function(modules) { // webpackBootstrap
},
nativeOn: {
"keydown": function($event) {
if ($event.keyCode !== 13) { return; }
if (_vm._k($event.keyCode, "enter", 13)) { return; }
_vm.confirmDialog($event)
}
}
})])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -982,14 +1006,14 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 173:
/***/ 199:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* template */
var __vue_template__ = __webpack_require__(174)
var __vue_template__ = __webpack_require__(200)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -1024,14 +1048,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 174:
/***/ 200:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('md-card', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('md-card', {
staticClass: "md-table-card"
}, [_vm._t("default")])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -1041,17 +1066,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 175:
/***/ 201:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(176)
__vue_exports__ = __webpack_require__(202)
/* template */
var __vue_template__ = __webpack_require__(177)
var __vue_template__ = __webpack_require__(203)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -1086,7 +1111,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 176:
/***/ 202:
/***/ function(module, exports, __webpack_require__) {
'use strict';
@ -1095,7 +1120,7 @@ return /******/ (function(modules) { // webpackBootstrap
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent = __webpack_require__(119);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
@ -1103,7 +1128,10 @@ return /******/ (function(modules) { // webpackBootstrap
exports.default = {
props: {
mdSelectedLabel: String
mdSelectedLabel: {
type: String,
default: 'selected'
}
},
data: function data() {
return {
@ -1145,19 +1173,20 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 177:
/***/ 203:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-table-alternate-header",
class: _vm.classes
}, [_vm._h('md-toolbar', [_vm._h('div', {
}, [_h('md-toolbar', [_h('div', {
staticClass: "md-counter"
}, [_vm._h('span', {
}, [_h('span', {
ref: "counter"
}, [_vm._s(_vm.tableInstance.numberOfSelected)]), " ", _vm._h('span', [_vm._s(_vm.mdSelectedLabel)])]), " ", _vm._t("default")])])
}, [_vm._s(_vm.tableInstance.numberOfSelected)]), " ", _h('span', [_vm._s(_vm.mdSelectedLabel)])]), " ", _vm._t("default")])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -1167,17 +1196,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 178:
/***/ 204:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(179)
__vue_exports__ = __webpack_require__(205)
/* template */
var __vue_template__ = __webpack_require__(180)
var __vue_template__ = __webpack_require__(206)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
@ -1212,7 +1241,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 179:
/***/ 205:
/***/ function(module, exports) {
'use strict';
@ -1268,7 +1297,8 @@ return /******/ (function(modules) { // webpackBootstrap
data: function data() {
return {
currentSize: parseInt(this.mdSize, 10),
currentPage: parseInt(this.mdPage, 10)
currentPage: parseInt(this.mdPage, 10),
totalItems: !isNaN(this.mdTotal) && Number.MAX_SAFE_INTEGER
};
},
@ -1313,15 +1343,15 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 180:
/***/ 206:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;
return _h('div', {
staticClass: "md-table-pagination"
}, [_vm._h('span', {
}, [_h('span', {
staticClass: "md-table-pagination-label"
}, [_vm._s(_vm.mdLabel) + ":"]), " ", (_vm.mdPageOptions) ? _vm._h('md-select', {
}, [_vm._s(_vm.mdLabel) + ":"]), " ", (_vm.mdPageOptions) ? _h('md-select', {
directives: [{
name: "model",
rawName: "v-model",
@ -1341,12 +1371,12 @@ return /******/ (function(modules) { // webpackBootstrap
}
}
}, [_vm._l((_vm.mdPageOptions), function(amount) {
return _vm._h('md-option', {
return _h('md-option', {
attrs: {
"value": amount
}
}, [_vm._s(amount)])
})]) : _vm._e(), " ", _vm._h('span', [_vm._s((_vm.currentSize - _vm.currentSize + 1) * _vm.currentPage) + "-" + _vm._s(_vm.currentSize) + " " + _vm._s(_vm.mdSeparator) + " " + _vm._s(_vm.mdTotal)]), " ", _vm._h('md-button', {
})]) : _vm._e(), " ", _h('span', [_vm._s((_vm.currentSize - _vm.currentSize + 1) * _vm.currentPage) + "-" + _vm._s(_vm.currentSize) + " " + _vm._s(_vm.mdSeparator) + " " + _vm._s(_vm.mdTotal)]), " ", _h('md-button', {
staticClass: "md-icon-button md-table-pagination-previous",
attrs: {
"disabled": _vm.currentPage === 1
@ -1354,16 +1384,17 @@ return /******/ (function(modules) { // webpackBootstrap
on: {
"click": _vm.changePage
}
}, [_vm._h('md-icon', ["keyboard_arrow_left"])]), " ", _vm._h('md-button', {
}, [_h('md-icon', ["keyboard_arrow_left"])]), " ", _h('md-button', {
staticClass: "md-icon-button md-table-pagination-next",
attrs: {
"disabled": _vm.currentSize * _vm.currentPage >= _vm.mdTotal
"disabled": _vm.currentSize * _vm.currentPage >= _vm.totalItems
},
on: {
"click": _vm.changePage
}
}, [_vm._h('md-icon', ["keyboard_arrow_right"])])])
}, [_h('md-icon', ["keyboard_arrow_right"])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
@ -1373,7 +1404,7 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ },
/***/ 181:
/***/ 207:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-table-card .md-toolbar, .THEME_NAME.md-table-card .md-toolbar {\n background-color: BACKGROUND-COLOR-A100;\n color: BACKGROUND-CONTRAST-A100; }\n\n.THEME_NAME .md-table-alternate-header, .THEME_NAME.md-table-alternate-header {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-table-alternate-header .md-toolbar, .THEME_NAME.md-table-alternate-header .md-toolbar {\n background-color: ACCENT-COLOR-A100-0.2;\n color: ACCENT-CONTRAST-A100; }\n .THEME_NAME .md-table-alternate-header .md-counter, .THEME_NAME.md-table-alternate-header .md-counter {\n color: ACCENT-COLOR; }\n"

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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