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

[build] 0.6.0

Browse source
This commit is contained in:
Marcos Moura 2017-01-10 02:04:09 -02:00
parent 28b7bb99a5
commit a39d6a362c
300 changed files with 46410 additions and 166 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -1,2 +1,266 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(a){if(r[a])return r[a].exports;var n=r[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}({0:function(e,t,r){e.exports=r(70)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},70:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-avatar",e.extend(d.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(224),d=a(o),s=r(202),i=a(s);e.exports=t.default},102:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),o=a(n);t.default={mixins:[o.default]},e.exports=t.default},180:function(e,t){},202:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},224:function(e,t,r){var a,n;r(180),a=r(102);var o=r(292);n=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(n=a=a.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,e.exports=a},292:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(72);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 72:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdAvatar = __webpack_require__(248);
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
var _mdAvatar3 = __webpack_require__(222);
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-avatar', Vue.extend(_mdAvatar2.default));
Vue.material.styles.push(_mdAvatar4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 110:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_mixin2.default]
}; //
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 195:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 222:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n color: WARN-CONTRAST-0.99999; }\n"
/***/ },
/***/ 248:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(195)
/* script */
__vue_exports__ = __webpack_require__(110)
/* template */
var __vue_template__ = __webpack_require__(322)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-1cbfca0d", __vue_options__)
} else {
hotAPI.reload("data-v-1cbfca0d", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 322:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-avatar",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-1cbfca0d", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(a){if(r[a])return r[a].exports;var n=r[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}({0:function(e,t,r){e.exports=r(70)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},70:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-avatar",e.extend(d.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(224),d=a(o),s=r(202),i=a(s);e.exports=t.default},102:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),o=a(n);t.default={mixins:[o.default]},e.exports=t.default},180:function(e,t){},202:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},224:function(e,t,r){var a,n;r(180),a=r(102);var o=r(292);n=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(n=a=a.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,e.exports=a},292:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(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(r){if(o[r])return o[r].exports;var e=o[r]={exports:{},id:r,loaded:!1};return a[r].call(e.exports,e,e.exports,t),e.loaded=!0,e.exports}var o={};return t.m=a,t.c=o,t.p="/",t(0)})({0:function(a,t,o){a.exports=o(9)},9:function(a,t,o){"use strict";function r(a){return a&&a.__esModule?a:{default:a}}function e(a){a.component("md-avatar",a.extend(d.default)),a.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=e;var n=o(!(function(){var a=new Error('Cannot find module "./mdAvatar.vue"');throw a.code="MODULE_NOT_FOUND",a})()),d=r(n),c=o(73),u=r(c);a.exports=t.default},73:function(a,t){a.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"}})}));

26
dist/components/mdBackdrop/index.css vendored
View file

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

196
dist/components/mdBackdrop/index.debug.js vendored
View file

@ -1,2 +1,194 @@
!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(71)},71: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(225),c=n(u);e.exports=t.default},103:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},199:function(e,t){},225:function(e,t,o){var n,r;o(199),n=o(103);var u=o(330);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},330:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(73);
/***/ },
/***/ 73:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBackdrop = __webpack_require__(249);
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-backdrop', Vue.extend(_mdBackdrop2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 111:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
methods: {
close: function close() {
this.$emit('close');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 219:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 249:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(219)
/* script */
__vue_exports__ = __webpack_require__(111)
/* template */
var __vue_template__ = __webpack_require__(367)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-df1259a6", __vue_options__)
} else {
hotAPI.reload("data-v-df1259a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 367:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-backdrop",
on: {
"click": _vm.close,
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-df1259a6", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

7
dist/components/mdBackdrop/index.js vendored
View file

@ -1 +1,6 @@
!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(71)},71: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(225),c=n(u);e.exports=t.default},103:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},199:function(e,t){},225:function(e,t,o){var n,r;o(199),n=o(103);var u=o(330);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},330:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(10)},10: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(d.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdBackdrop.vue"');throw e.code="MODULE_NOT_FOUND",e})()),d=n(u);e.exports=t.default}})}));

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

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

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

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

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

@ -1,2 +1,322 @@
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()}(this,function(){return function(t){function e(d){if(o[d])return o[d].exports;var n=o[d]={exports:{},id:d,loaded:!1};return t[d].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)}({0:function(t,e,o){t.exports=o(73)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},73:function(t,e,o){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-button",t.extend(a.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var r=o(228),a=d(r),i=o(204),s=d(i);t.exports=e.default},106:function(t,e,o){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=d(n);e.default={props:{href:String,target:String,rel:String,type:{type:String,default:"button"},disabled:Boolean},mixins:[r.default],computed:{newRel:function(){return"_blank"===this.target?this.rel||"noopener":this.rel}}},t.exports=e.default},194:function(t,e){},204:function(t,e){t.exports=".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button){color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised){color:BACKGROUND-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-fab{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean{color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button){color:WARN-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover{background-color:WARN-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised){color:WARN-COLOR}\n"},228:function(t,e,o){var d,n;o(194),d=o(106);var r=o(322);n=d=d||{},"object"!=typeof d.default&&"function"!=typeof d.default||(n=d=d.default),"function"==typeof n&&(n=n.options),n.render=r.render,n.staticRenderFns=r.staticRenderFns,t.exports=d},322:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return t.href?o("a",{staticClass:"md-button",class:[t.themeClass],attrs:{href:t.href,disabled:t.disabled,target:t.target,rel:t.newRel},on:{click:function(e){t.$emit("click",e)}}},[o("md-ink-ripple",{attrs:{"md-disabled":t.disabled}}),t._v(" "),t._t("default")],1):o("button",{staticClass:"md-button",class:[t.themeClass],attrs:{type:t.type,disabled:t.disabled},on:{click:function(e){t.$emit("click",e)}}},[o("md-ink-ripple",{attrs:{"md-disabled":t.disabled}}),t._v(" "),t._t("default")],1)},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(75);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 75:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButton = __webpack_require__(252);
var _mdButton2 = _interopRequireDefault(_mdButton);
var _mdButton3 = __webpack_require__(224);
var _mdButton4 = _interopRequireDefault(_mdButton3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-button', Vue.extend(_mdButton2.default));
Vue.material.styles.push(_mdButton4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 114:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
href: String,
target: String,
rel: String,
type: {
type: String,
default: 'button'
},
disabled: Boolean
},
mixins: [_mixin2.default],
computed: {
newRel: function newRel() {
if (this.target === '_blank') {
return this.rel || 'noopener';
}
return this.rel;
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 212:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 224:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n background-color: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n background-color: WARN-COLOR;\n color: WARN-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n color: WARN-COLOR; }\n"
/***/ },
/***/ 252:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(212)
/* script */
__vue_exports__ = __webpack_require__(114)
/* template */
var __vue_template__ = __webpack_require__(357)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButton/mdButton.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-9b3983a6", __vue_options__)
} else {
hotAPI.reload("data-v-9b3983a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 357:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (!_vm.href) ? _c('button', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
"type": _vm.type,
"disabled": _vm.disabled
},
on: {
"click": function($event) {
_vm.$emit('click', $event)
}
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
"href": _vm.href,
"disabled": _vm.disabled,
"target": _vm.target,
"rel": _vm.newRel
},
on: {
"click": function($event) {
_vm.$emit('click', $event)
}
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-9b3983a6", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()}(this,function(){return function(t){function e(d){if(o[d])return o[d].exports;var n=o[d]={exports:{},id:d,loaded:!1};return t[d].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)}({0:function(t,e,o){t.exports=o(73)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},73:function(t,e,o){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-button",t.extend(a.default)),t.material.styles.push(s.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n;var r=o(228),a=d(r),i=o(204),s=d(i);t.exports=e.default},106:function(t,e,o){"use strict";function d(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var n=o(1),r=d(n);e.default={props:{href:String,target:String,rel:String,type:{type:String,default:"button"},disabled:Boolean},mixins:[r.default],computed:{newRel:function(){return"_blank"===this.target?this.rel||"noopener":this.rel}}},t.exports=e.default},194:function(t,e){},204:function(t,e){t.exports=".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button){color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised){color:BACKGROUND-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-fab{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean{color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button){color:WARN-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover{background-color:WARN-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised){color:WARN-COLOR}\n"},228:function(t,e,o){var d,n;o(194),d=o(106);var r=o(322);n=d=d||{},"object"!=typeof d.default&&"function"!=typeof d.default||(n=d=d.default),"function"==typeof n&&(n=n.options),n.render=r.render,n.staticRenderFns=r.staticRenderFns,t.exports=d},322:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return t.href?o("a",{staticClass:"md-button",class:[t.themeClass],attrs:{href:t.href,disabled:t.disabled,target:t.target,rel:t.newRel},on:{click:function(e){t.$emit("click",e)}}},[o("md-ink-ripple",{attrs:{"md-disabled":t.disabled}}),t._v(" "),t._t("default")],1):o("button",{staticClass:"md-button",class:[t.themeClass],attrs:{type:t.type,disabled:t.disabled},on:{click:function(e){t.$emit("click",e)}}},[o("md-ink-ripple",{attrs:{"md-disabled":t.disabled}}),t._v(" "),t._t("default")],1)},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(o,d){"object"==typeof exports&&"object"==typeof module?module.exports=d():"function"==typeof define&&define.amd?define([],d):"object"==typeof exports?exports.VueMaterial=d():o.VueMaterial=d()})(this,(function(){return (function(o){function d(n){if(t[n])return t[n].exports;var e=t[n]={exports:{},id:n,loaded:!1};return o[n].call(e.exports,e,e.exports,d),e.loaded=!0,e.exports}var t={};return d.m=o,d.c=t,d.p="/",d(0)})({0:function(o,d,t){o.exports=t(12)},12:function(o,d,t){"use strict";function n(o){return o&&o.__esModule?o:{default:o}}function e(o){o.component("md-button",o.extend(a.default)),o.material.styles.push(b.default)}Object.defineProperty(d,"__esModule",{value:!0}),d.default=e;var r=t(!(function(){var o=new Error('Cannot find module "./mdButton.vue"');throw o.code="MODULE_NOT_FOUND",o})()),a=n(r),m=t(75),b=n(m);o.exports=d.default},75:function(o,d){o.exports=".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button){color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised){color:BACKGROUND-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-fab{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean{color:BACKGROUND-CONTRAST;background-color:BACKGROUND-COLOR}.THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover{background-color:BACKGROUND-COLOR-200}.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised){color:PRIMARY-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised){color:ACCENT-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button){color:WARN-COLOR}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover,.THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover{background-color:WARN-COLOR-600}.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised){color:WARN-COLOR}\n"}})}));

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

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

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

@ -1,2 +1,303 @@
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()}(this,function(){return function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)}({0:function(t,e,o){t.exports=o(74)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},74:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(229),l=n(d),a=o(205),c=n(a);t.exports=e.default},107:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach(function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach(function(t){t.$el.classList.remove(n)}),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)})},beforeDestroy:function(){this.$children.forEach(function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)})}},t.exports=e.default},179:function(t,e){},205:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},229:function(t,e,o){var n,r;o(179),n=o(107);var d=o(287);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=d.render,r.staticRenderFns=d.staticRenderFns,t.exports=n},287:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(76);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 76:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButtonToggle = __webpack_require__(253);
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
var _mdButtonToggle3 = __webpack_require__(225);
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-button-toggle', Vue.extend(_mdButtonToggle2.default));
Vue.material.styles.push(_mdButtonToggle4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 115:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var onClickButton = void 0; //
//
//
//
//
//
//
//
exports.default = {
props: {
mdSingle: Boolean
},
mixins: [_mixin2.default],
mounted: function mounted() {
var _this = this;
this.$children.forEach((function (child) {
var element = child.$el;
var toggleClass = 'md-toggle';
onClickButton = function onClickButton() {
if (_this.mdSingle) {
_this.$children.forEach((function (child) {
child.$el.classList.remove(toggleClass);
}));
element.classList.add(toggleClass);
} else {
element.classList.toggle(toggleClass);
}
};
if (element && element.classList.contains('md-button')) {
element.addEventListener('click', onClickButton);
}
}));
},
beforeDestroy: function beforeDestroy() {
this.$children.forEach((function (child) {
var element = child.$el;
if (element && element.classList.contains('md-button')) {
element.removeEventListener('click', onClickButton);
}
}));
}
};
module.exports = exports['default'];
/***/ },
/***/ 194:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 225:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n width: 1px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-0.54;\n background-color: BACKGROUND-CONTRAST-0.26; }\n .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"
/***/ },
/***/ 253:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(194)
/* script */
__vue_exports__ = __webpack_require__(115)
/* template */
var __vue_template__ = __webpack_require__(317)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-106cf22d", __vue_options__)
} else {
hotAPI.reload("data-v-106cf22d", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 317:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-button-toggle",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-106cf22d", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()}(this,function(){return function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)}({0:function(t,e,o){t.exports=o(74)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},74:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(229),l=n(d),a=o(205),c=n(a);t.exports=e.default},107:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach(function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach(function(t){t.$el.classList.remove(n)}),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)})},beforeDestroy:function(){this.$children.forEach(function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)})}},t.exports=e.default},179:function(t,e){},205:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},229:function(t,e,o){var n,r;o(179),n=o(107);var d=o(287);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=d.render,r.staticRenderFns=d.staticRenderFns,t.exports=n},287:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(o,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():o.VueMaterial=t()})(this,(function(){return (function(o){function t(d){if(e[d])return e[d].exports;var r=e[d]={exports:{},id:d,loaded:!1};return o[d].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var e={};return t.m=o,t.c=e,t.p="/",t(0)})({0:function(o,t,e){o.exports=e(13)},13:function(o,t,e){"use strict";function d(o){return o&&o.__esModule?o:{default:o}}function r(o){o.component("md-button-toggle",o.extend(n.default)),o.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var g=e(!(function(){var o=new Error('Cannot find module "./mdButtonToggle.vue"');throw o.code="MODULE_NOT_FOUND",o})()),n=d(g),l=e(76),u=d(l);o.exports=t.default},76:function(o,t){o.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'}})}));

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@ -1,2 +1,79 @@
.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 */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-checkbox {
width: auto;
margin: 16px 8px 16px 0;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.md-checkbox .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*/

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

@ -1,2 +1,338 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(d){if(c[d])return c[d].exports;var o=c[d]={exports:{},id:d,loaded:!1};return e[d].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var c={};return t.m=e,t.c=c,t.p="/",t(0)}({0:function(e,t,c){e.exports=c(76)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},76:function(e,t,c){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var r=c(240),n=d(r),a=c(207),i=d(a);e.exports=t.default},114:function(e,t,c){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=c(1),r=d(o);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},195:function(e,t){},207:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},240:function(e,t,c){var d,o;c(195),d=c(114);var r=c(323);o=d=d||{},"object"!=typeof d.default&&"function"!=typeof d.default||(o=d=d.default),"function"==typeof o&&(o=o.options),o.render=r.render,o.staticRenderFns=r.staticRenderFns,e.exports=d},323:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,c=e._self._c||t;return c("div",{staticClass:"md-checkbox",class:[e.themeClass,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(t){t.stopPropagation(),e.toggleCheck(t)}}},[c("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value}})]),e._v(" "),e.$slots.default?c("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(78);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 78:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdCheckbox = __webpack_require__(264);
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
var _mdCheckbox3 = __webpack_require__(227);
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-checkbox', Vue.extend(_mdCheckbox2.default));
Vue.material.styles.push(_mdCheckbox4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 122:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
value: [String, Boolean],
id: String,
disabled: Boolean
},
mixins: [_mixin2.default],
data: function data() {
return {
checked: this.value
};
},
computed: {
classes: function classes() {
return {
'md-checked': Boolean(this.checked),
'md-disabled': this.disabled
};
}
},
watch: {
value: function value() {
this.checked = this.value;
}
},
methods: {
toggleCheck: function toggleCheck($event) {
if (!this.disabled) {
this.checked = !this.checked;
this.$emit('change', this.checked, $event);
this.$emit('input', this.checked, $event);
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 214:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 227:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n background-color: ACCENT-COLOR;\n border-color: ACCENT-COLOR; }\n .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n background-color: PRIMARY-COLOR;\n border-color: PRIMARY-COLOR; }\n .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n background-color: WARN-COLOR;\n border-color: WARN-COLOR; }\n .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n background-color: rgba(0, 0, 0, 0.26);\n border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
/***/ },
/***/ 264:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(214)
/* script */
__vue_exports__ = __webpack_require__(122)
/* template */
var __vue_template__ = __webpack_require__(359)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-9db725e6", __vue_options__)
} else {
hotAPI.reload("data-v-9db725e6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 359:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-checkbox",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-checkbox-container",
attrs: {
"tabindex": "0"
},
on: {
"click": function($event) {
$event.stopPropagation();
_vm.toggleCheck($event)
}
}
}, [_c('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled,
"tabindex": "-1"
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-checkbox-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-9db725e6", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(d){if(c[d])return c[d].exports;var o=c[d]={exports:{},id:d,loaded:!1};return e[d].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var c={};return t.m=e,t.c=c,t.p="/",t(0)}({0:function(e,t,c){e.exports=c(76)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},76:function(e,t,c){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var r=c(240),n=d(r),a=c(207),i=d(a);e.exports=t.default},114:function(e,t,c){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=c(1),r=d(o);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},195:function(e,t){},207:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},240:function(e,t,c){var d,o;c(195),d=c(114);var r=c(323);o=d=d||{},"object"!=typeof d.default&&"function"!=typeof d.default||(o=d=d.default),"function"==typeof o&&(o=o.options),o.render=r.render,o.staticRenderFns=r.staticRenderFns,e.exports=d},323:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,c=e._self._c||t;return c("div",{staticClass:"md-checkbox",class:[e.themeClass,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(t){t.stopPropagation(),e.toggleCheck(t)}}},[c("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value}})]),e._v(" "),e.$slots.default?c("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():e.VueMaterial=o()})(this,(function(){return (function(e){function o(r){if(c[r])return c[r].exports;var d=c[r]={exports:{},id:r,loaded:!1};return e[r].call(d.exports,d,d.exports,o),d.loaded=!0,d.exports}var c={};return o.m=e,o.c=c,o.p="/",o(0)})({0:function(e,o,c){e.exports=c(15)},15:function(e,o,c){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function d(e){e.component("md-checkbox",e.extend(t.default)),e.material.styles.push(a.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=d;var n=c(!(function(){var e=new Error('Cannot find module "./mdCheckbox.vue"');throw e.code="MODULE_NOT_FOUND",e})()),t=r(n),m=c(78),a=r(m);e.exports=o.default},78:function(e,o){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"}})}));

74
dist/components/mdChips/index.css vendored Normal file
View file

@ -0,0 +1,74 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-chip {
height: 32px;
padding: 8px 12px;
display: inline-block;
border-radius: 32px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
font-size: 13px;
line-height: 16px;
white-space: nowrap;
}
.md-chip.md-deletable {
position: relative;
padding-right: 32px;
}
.md-chip:focus, .md-chip:active {
outline: none;
}
.md-chip:focus:not(.md-disabled), .md-chip:active:not(.md-disabled) {
cursor: pointer;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
}
.md-chip.md-disabled .md-button {
pointer-events: none;
cursor: default;
}
.md-chip .md-button.md-delete {
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
margin: 0;
padding: 0;
position: absolute;
top: 4px;
right: 4px;
border-radius: 24px;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-chip .md-button.md-delete .md-icon {
width: 20px;
min-width: 20px;
height: 20px;
min-height: 20px;
margin: 0;
font-size: 20px;
}
.md-chip .md-button.md-delete .md-ink-ripple {
border-radius: 32px;
}
.md-chip .md-button.md-delete .md-ripple {
opacity: .54;
}
.md-chips .md-chip {
margin-right: 8px;
margin-bottom: 4px;
}
.md-chips .md-input-container {
min-height: 54px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.md-chips .md-input {
width: 128px;
-ms-flex: 1;
flex: 1;
}
/*# sourceMappingURL=index.css.map*/

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

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

585
dist/components/mdChips/index.debug.js vendored Normal file
View file

@ -0,0 +1,585 @@
(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__(79);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 43:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var uniqueId = function uniqueId() {
return Math.random().toString(36).slice(4);
};
exports.default = uniqueId;
module.exports = exports["default"];
/***/ },
/***/ 79:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdChips = __webpack_require__(266);
var _mdChips2 = _interopRequireDefault(_mdChips);
var _mdChip = __webpack_require__(265);
var _mdChip2 = _interopRequireDefault(_mdChip);
var _mdChips3 = __webpack_require__(228);
var _mdChips4 = _interopRequireDefault(_mdChips3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-chips', Vue.extend(_mdChips2.default));
Vue.component('md-chip', Vue.extend(_mdChip2.default));
Vue.material.styles.push(_mdChips4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 123:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
disabled: Boolean,
mdDeletable: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-deletable': this.mdDeletable,
'md-disabled': this.disabled
};
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 124:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _uniqueId = __webpack_require__(43);
var _uniqueId2 = _interopRequireDefault(_uniqueId);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
value: Array,
disabled: Boolean,
mdInputId: String,
mdInputName: String,
mdInputPlaceholder: String,
mdInputType: {
type: String,
default: 'text'
},
mdStatic: Boolean,
mdMax: {
type: Number,
default: Infinity
}
},
mixins: [_mixin2.default],
data: function data() {
return {
currentChip: null,
selectedChips: this.value,
inputId: this.mdInputId || 'chips-' + (0, _uniqueId2.default)()
};
},
watch: {
value: function value(_value) {
this.selectedChips = _value;
}
},
computed: {
classes: function classes() {
return {
'md-static': this.mdStatic,
'md-disabled': this.disabled
};
}
},
methods: {
applyInputFocus: function applyInputFocus() {
var _this = this;
this.$nextTick((function () {
_this.$refs.input.$el.focus();
}));
},
selectChip: function selectChip() {
if (this.currentChip && this.selectedChips.length < this.mdMax) {
var value = this.currentChip.trim();
if (this.selectedChips.indexOf(value) < 0) {
this.selectedChips.push(value);
this.currentChip = null;
this.$emit('input', this.selectedChips);
this.$emit('change', this.selectedChips);
this.applyInputFocus();
}
}
},
deleteChip: function deleteChip(chip) {
var index = this.selectedChips.indexOf(chip);
if (index >= 0) {
this.selectedChips.splice(index, 1);
}
this.$emit('change', this.selectedChips);
this.applyInputFocus();
},
deleteLastChip: function deleteLastChip() {
if (!this.currentChip) {
this.selectedChips.pop();
this.$emit('change', this.selectedChips);
this.applyInputFocus();
}
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 202:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 228:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-chip {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME.md-chip.md-deletable:hover, .THEME_NAME.md-chip.md-deletable:focus {\n background-color: BACKGROUND-CONTRAST-0.54;\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip.md-deletable:hover .md-delete, .THEME_NAME.md-chip.md-deletable:focus .md-delete {\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip .md-delete {\n color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-chip .md-delete .md-ripple {\n color: BACKGROUND-COLOR; }\n"
/***/ },
/***/ 265:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(123)
/* template */
var __vue_template__ = __webpack_require__(326)
__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/mdChips/mdChip.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-23449298", __vue_options__)
} else {
hotAPI.reload("data-v-23449298", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdChip.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 266:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(202)
/* script */
__vue_exports__ = __webpack_require__(124)
/* template */
var __vue_template__ = __webpack_require__(334)
__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/mdChips/mdChips.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-3df67e22", __vue_options__)
} else {
hotAPI.reload("data-v-3df67e22", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdChips.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 326:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-chip",
class: [_vm.themeClass, _vm.classes],
attrs: {
"tabindex": "0"
}
}, [_vm._t("default"), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
staticClass: "md-icon-button md-dense md-delete",
attrs: {
"tabindex": "-1"
},
nativeOn: {
"click": function($event) {
!_vm.disabled && _vm.$emit('delete')
},
"keyup": function($event) {
if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
!_vm.disabled && _vm.$emit('delete')
}
}
}, [_c('md-icon', {
staticClass: "md-icon-delete"
}, [_vm._v("cancel")])], 1) : _vm._e()], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-23449298", module.exports)
}
}
/***/ },
/***/ 334:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-chips",
class: [_vm.themeClass, _vm.classes]
}, [_c('md-input-container', {
nativeOn: {
"click": function($event) {
_vm.applyInputFocus($event)
}
}
}, [_vm._l((_vm.selectedChips), (function(chip) {
return _c('md-chip', {
attrs: {
"md-deletable": !_vm.mdStatic,
"disabled": _vm.disabled
},
on: {
"delete": function($event) {
_vm.deleteChip(chip)
}
}
}, [_vm._t("default", null, {
value: chip
})], 2)
})), _vm._v(" "), _c('md-input', {
directives: [{
name: "show",
rawName: "v-show",
value: (!_vm.mdStatic),
expression: "!mdStatic"
}, {
name: "model",
rawName: "v-model",
value: (_vm.currentChip),
expression: "currentChip"
}],
ref: "input",
attrs: {
"type": _vm.mdInputType,
"placeholder": _vm.mdInputPlaceholder,
"id": _vm.inputId,
"name": _vm.mdInputName,
"disabled": _vm.disabled,
"tabindex": "0"
},
domProps: {
"value": (_vm.currentChip)
},
on: {
"input": function($event) {
_vm.currentChip = $event
}
},
nativeOn: {
"keydown": [function($event) {
if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
_vm.deleteLastChip($event)
}, function($event) {
if (_vm._k($event.keyCode, "enter", 13)) { return; }
_vm.selectChip($event)
}, function($event) {
if ($event.keyCode !== 186) { return; }
_vm.selectChip($event)
}]
}
})], 2)], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-3df67e22", module.exports)
}
}
/***/ }
/******/ })
}));
;

6
dist/components/mdChips/index.js vendored Normal file
View file

@ -0,0 +1,6 @@
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():e.VueMaterial=o()})(this,(function(){return (function(e){function o(d){if(t[d])return t[d].exports;var r=t[d]={exports:{},id:d,loaded:!1};return e[d].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}var t={};return o.m=e,o.c=t,o.p="/",o(0)})({0:function(e,o,t){e.exports=t(16)},16:function(e,o,t){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-chips",e.extend(c.default)),e.component("md-chip",e.extend(u.default)),e.material.styles.push(p.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=r;var n=t(!(function(){var e=new Error('Cannot find module "./mdChips.vue"');throw e.code="MODULE_NOT_FOUND",e})()),c=d(n),l=t(!(function(){var e=new Error('Cannot find module "./mdChip.vue"');throw e.code="MODULE_NOT_FOUND",e})()),u=d(l),i=t(79),p=d(i);e.exports=o.default},79:function(e,o){e.exports=".THEME_NAME.md-chip{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-chip.md-deletable:hover,.THEME_NAME.md-chip.md-deletable:focus{background-color:BACKGROUND-CONTRAST-0.54;color:BACKGROUND-COLOR}.THEME_NAME.md-chip.md-deletable:hover .md-delete,.THEME_NAME.md-chip.md-deletable:focus .md-delete{color:BACKGROUND-COLOR}.THEME_NAME.md-chip .md-delete{color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-chip .md-delete .md-ripple{color:BACKGROUND-COLOR}\n"}})}));

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

@ -1,2 +1,39 @@
.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 */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-ink-ripple {
pointer-events: none;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.md-ripple {
position: absolute;
background-color: currentColor;
border-radius: 50%;
opacity: .2;
transform: scale(0) translateZ(0);
transition: none;
will-change: background-color, opacity, transform, width, height, top, left;
}
.md-ripple.md-active {
animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.md-ripple.md-active.md-fadeout {
opacity: 0 !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .6s;
}
@keyframes ripple {
to {
transform: scale(2.2) translateZ(0);
}
}
/*# sourceMappingURL=index.css.map*/

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

122
dist/components/mdDialog/index.css vendored
View file

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

1178
dist/components/mdDialog/index.debug.js vendored
View file

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

7
dist/components/mdDialog/index.js vendored
View file

File diff suppressed because one or more lines are too long

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

@ -1,2 +1,17 @@
.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 */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-divider {
height: 1px;
margin: 0;
padding: 0;
display: block;
border: 0;
background-color: rgba(0, 0, 0, 0.12);
}
.md-divider.md-inset {
margin-left: 72px;
}
/*# sourceMappingURL=index.css.map*/

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

@ -1,2 +1,158 @@
!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(78)},78:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(f.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(248),f=o(u);e.exports=t.default},183:function(e,t){},248:function(e,t,n){var o,r;n(183);var u=n(297);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},297:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(81);
/***/ },
/***/ 81:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdDivider = __webpack_require__(274);
var _mdDivider2 = _interopRequireDefault(_mdDivider);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-divider', Vue.extend(_mdDivider2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 200:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 274:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(200)
/* template */
var __vue_template__ = __webpack_require__(330)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-30e870da", __vue_options__)
} else {
hotAPI.reload("data-v-30e870da", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 330:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('hr', {
staticClass: "md-divider"
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-30e870da", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!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(78)},78:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(f.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(248),f=o(u);e.exports=t.default},183:function(e,t){},248:function(e,t,n){var o,r;n(183);var u=n(297);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},297:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(18)},18:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(d.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdDivider.vue"');throw e.code="MODULE_NOT_FOUND",e})()),d=n(u);e.exports=t.default}})}));

25
dist/components/mdFile/index.css vendored Normal file
View file

@ -0,0 +1,25 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-file {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
}
.md-file input[type="file"] {
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
position: absolute;
clip: rect(0 0 0 0);
border: 0;
}
.md-file .md-icon {
cursor: pointer;
}
/*# sourceMappingURL=index.css.map*/

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

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

1315
dist/components/mdFile/index.debug.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

6
dist/components/mdFile/index.js vendored Normal file
View file

@ -0,0 +1,6 @@
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(19)},19:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-file",e.extend(f.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdFile.vue"');throw e.code="MODULE_NOT_FOUND",e})()),f=n(u),d=o(81),i=n(d);e.exports=t.default},81:function(e,t){e.exports=""}})}));

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

@ -1,2 +1,60 @@
.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 */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-icon {
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
font-size: 24px;
margin: auto;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
fill: currentColor;
text-rendering: optimizeLegibility;
vertical-align: middle;
}
.md-icon.md-size-2x {
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
font-size: 48px;
}
.md-icon.md-size-3x {
width: 72px;
min-width: 72px;
height: 72px;
min-height: 72px;
font-size: 72px;
}
.md-icon.md-size-4x {
width: 96px;
min-width: 96px;
height: 96px;
min-height: 96px;
font-size: 96px;
}
.md-icon.md-size-5x {
width: 120px;
min-width: 120px;
height: 120px;
min-height: 120px;
font-size: 120px;
}
.md-icon svg {
width: 100%;
height: 100%;
}
img.md-icon {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/*# sourceMappingURL=index.css.map*/

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

@ -1,2 +1,362 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(79)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},79:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-icon",e.extend(i.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(249),i=r(s),d=n(209),u=r(d);e.exports=t.default},119:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),s=r(o);t.default={mixins:[s.default]},e.exports=t.default},201:function(e,t){},209:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},249:function(e,t,n){var r,o;n(201),r=n(119);var s=n(334);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=s.render,o.staticRenderFns=s.staticRenderFns,e.exports=r},334:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("i",{staticClass:"md-icon material-icons",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(83);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 83:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdIcon = __webpack_require__(276);
var _mdIcon2 = _interopRequireDefault(_mdIcon);
var _mdIcon3 = __webpack_require__(231);
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-icon', Vue.extend(_mdIcon2.default));
Vue.material.styles.push(_mdIcon4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 130:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var registeredIcons = {}; //
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdSrc: String
},
data: function data() {
return {
svgContent: null,
imageSrc: null
};
},
mixins: [_mixin2.default],
watch: {
mdSrc: function mdSrc() {
this.svgContent = null;
this.imageSrc = null;
this.checkSrc();
}
},
methods: {
isImage: function isImage(mimetype) {
return mimetype.indexOf('image') >= 0;
},
isSVG: function isSVG(mimetype) {
return mimetype.indexOf('svg') >= 0;
},
setSVGContent: function setSVGContent(value) {
var _this = this;
this.svgContent = value;
this.$nextTick((function () {
_this.$el.children[0].removeAttribute('fill');
}));
},
loadSVG: function loadSVG() {
var _this2 = this;
if (!registeredIcons[this.mdSrc]) {
(function () {
var request = new XMLHttpRequest();
var self = _this2;
request.open('GET', _this2.mdSrc, true);
request.onload = function () {
var mimetype = this.getResponseHeader('content-type');
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
if (self.isSVG(mimetype)) {
registeredIcons[self.mdSrc] = this.response;
self.setSVGContent(this.response);
} else {
self.loadImage();
}
} else {
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
}
};
request.send();
})();
} else {
this.setSVGContent(registeredIcons[this.mdSrc]);
}
},
loadImage: function loadImage() {
this.imageSrc = this.mdSrc;
},
checkSrc: function checkSrc() {
if (this.mdSrc) {
if (this.mdSrc.indexOf('.svg') >= 0) {
this.loadSVG();
} else {
this.loadImage();
}
}
}
},
mounted: function mounted() {
this.checkSrc();
}
};
module.exports = exports['default'];
/***/ },
/***/ 221:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 231:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-icon.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n color: WARN-COLOR; }\n"
/***/ },
/***/ 276:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(221)
/* script */
__vue_exports__ = __webpack_require__(130)
/* template */
var __vue_template__ = __webpack_require__(371)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdIcon/mdIcon.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-f5836666", __vue_options__)
} else {
hotAPI.reload("data-v-f5836666", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 371:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (_vm.svgContent) ? _c('i', {
staticClass: "md-icon",
class: [_vm.themeClass],
domProps: {
"innerHTML": _vm._s(_vm.svgContent)
}
}) : (_vm.imageSrc) ? _c('md-image', {
staticClass: "md-icon",
class: [_vm.themeClass],
attrs: {
"md-src": _vm.imageSrc
}
}) : _c('i', {
staticClass: "md-icon material-icons",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-f5836666", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(79)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},79:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-icon",e.extend(i.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(249),i=r(s),d=n(209),u=r(d);e.exports=t.default},119:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),s=r(o);t.default={mixins:[s.default]},e.exports=t.default},201:function(e,t){},209:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},249:function(e,t,n){var r,o;n(201),r=n(119);var s=n(334);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=s.render,o.staticRenderFns=s.staticRenderFns,e.exports=r},334:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("i",{staticClass:"md-icon material-icons",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():e.VueMaterial=o()})(this,(function(){return (function(e){function o(n){if(t[n])return t[n].exports;var r=t[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}var t={};return o.m=e,o.c=t,o.p="/",o(0)})({0:function(e,o,t){e.exports=t(20)},20:function(e,o,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(d.default)),e.material.styles.push(i.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=r;var u=t(!(function(){var e=new Error('Cannot find module "./mdIcon.vue"');throw e.code="MODULE_NOT_FOUND",e})()),d=n(u),c=t(82),i=n(c);e.exports=o.default},82:function(e,o){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"}})}));

18
dist/components/mdImage/index.css vendored Normal file
View file

@ -0,0 +1,18 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-image {
opacity: 0;
filter: saturate(20%);
}
.md-image.md-black-output {
filter: brightness(0.4) saturate(20%);
}
.md-image.md-loaded {
opacity: 1;
filter: saturate(100%);
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/*# sourceMappingURL=index.css.map*/

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

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

309
dist/components/mdImage/index.debug.js vendored Normal file
View file

@ -0,0 +1,309 @@
(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__(84);
/***/ },
/***/ 66:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var getImageLightness = function getImageLightness(image, onLoad) {
var canvas = document.createElement('canvas');
image.onload = function () {
var colorSum = 0;
var ctx = void 0;
var imageData = void 0;
var imageMetadata = void 0;
var r = void 0;
var g = void 0;
var b = void 0;
var average = void 0;
canvas.width = this.width;
canvas.height = this.height;
ctx = canvas.getContext('2d');
ctx.drawImage(this, 0, 0);
imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
imageMetadata = imageData.data;
for (var x = 0, len = imageMetadata.length; x < len; x += 4) {
r = imageMetadata[x];
g = imageMetadata[x + 1];
b = imageMetadata[x + 2];
average = Math.floor((r + g + b) / 3);
colorSum += average;
}
onLoad(Math.floor(colorSum / (this.width * this.height)));
};
};
exports.default = getImageLightness;
module.exports = exports['default'];
/***/ },
/***/ 84:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdImage = __webpack_require__(277);
var _mdImage2 = _interopRequireDefault(_mdImage);
var _mdImage3 = __webpack_require__(232);
var _mdImage4 = _interopRequireDefault(_mdImage3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-image', Vue.extend(_mdImage2.default));
Vue.material.styles.push(_mdImage4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 131:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _getImageLightness = __webpack_require__(66);
var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdSrc: String
},
data: function data() {
return {
loaded: false,
applyBlack: true,
imageElement: null
};
},
watch: {
mdSrc: function mdSrc() {
this.createImage();
}
},
computed: {
classes: function classes() {
return {
'md-loaded': this.loaded,
'md-black-output': this.applyBlack
};
}
},
methods: {
analyzeLightness: function analyzeLightness(image) {
var _this = this;
(0, _getImageLightness2.default)(image, (function (lightness) {
var limit = 256;
var darkness = (Math.abs(limit - lightness) * 100 / limit + 15) / 100;
if (darkness >= 0.7) {
_this.applyBlack = true;
}
_this.$nextTick((function () {
_this.loaded = true;
}));
}));
},
createImage: function createImage() {
this.loaded = false;
this.applyBlack = false;
this.imageElement = null;
if (this.mdSrc) {
this.imageElement = document.createElement('img');
this.imageElement.crossOrigin = '';
this.imageElement.src = this.mdSrc;
this.analyzeLightness(this.imageElement);
}
}
},
created: function created() {
this.createImage();
}
}; //
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 199:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 232:
/***/ function(module, exports) {
module.exports = ""
/***/ },
/***/ 277:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(199)
/* script */
__vue_exports__ = __webpack_require__(131)
/* template */
var __vue_template__ = __webpack_require__(329)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdImage/mdImage.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-2bb54057", __vue_options__)
} else {
hotAPI.reload("data-v-2bb54057", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdImage.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 329:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('img', {
staticClass: "md-image",
class: _vm.classes,
attrs: {
"src": _vm.mdSrc
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-2bb54057", module.exports)
}
}
/***/ }
/******/ })
}));
;

6
dist/components/mdImage/index.js vendored Normal file
View file

@ -0,0 +1,6 @@
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(21)},21:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-image",e.extend(f.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdImage.vue"');throw e.code="MODULE_NOT_FOUND",e})()),f=n(u),d=o(83),i=n(d);e.exports=t.default},83:function(e,t){e.exports=""}})}));

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

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

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

1359
dist/components/mdLayout/index.css vendored
View file

File diff suppressed because one or more lines are too long

277
dist/components/mdLayout/index.debug.js vendored
View file

@ -1,2 +1,275 @@
!function(e,l){"object"==typeof exports&&"object"==typeof module?module.exports=l():"function"==typeof define&&define.amd?define([],l):"object"==typeof exports?exports.VueMaterial=l():e.VueMaterial=l()}(this,function(){return function(e){function l(t){if(m[t])return m[t].exports;var o=m[t]={exports:{},id:t,loaded:!1};return e[t].call(o.exports,o,o.exports,l),o.loaded=!0,o.exports}var m={};return l.m=e,l.c=m,l.p="/",l(0)}({0:function(e,l,m){e.exports=m(81)},81:function(e,l,m){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-layout",e.extend(a.default))}Object.defineProperty(l,"__esModule",{value:!0}),l.default=o;var d=m(253),a=t(d);e.exports=l.default},123:function(e,l){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.default={props:{mdTag:{type:String,default:"div"},mdRow:Boolean,mdRowXsmall:Boolean,mdRowSmall:Boolean,mdRowMedium:Boolean,mdRowLarge:Boolean,mdRowXlarge:Boolean,mdColumn:Boolean,mdColumnXsmall:Boolean,mdColumnSmall:Boolean,mdColumnMedium:Boolean,mdColumnLarge:Boolean,mdColumnXlarge:Boolean,mdHideXsmall:Boolean,mdHideSmall:Boolean,mdHideMedium:Boolean,mdHideLarge:Boolean,mdHideXlarge:Boolean,mdGutter:[String,Number,Boolean],mdFlex:[String,Number,Boolean],mdFlexXsmall:[String,Number,Boolean],mdFlexSmall:[String,Number,Boolean],mdFlexMedium:[String,Number,Boolean],mdFlexLarge:[String,Number,Boolean],mdFlexXlarge:[String,Number,Boolean],mdFlexOffset:[String,Number]},computed:{classes:function e(){var e={"md-row":this.mdRow,"md-row-xsmall":this.mdRowXsmall,"md-row-small":this.mdRowSmall,"md-row-medium":this.mdRowMedium,"md-row-large":this.mdRowLarge,"md-row-xlarge":this.mdRowXlarge,"md-column":this.mdColumn,"md-column-xsmall":this.mdColumnXsmall,"md-column-small":this.mdColumnSmall,"md-column-medium":this.mdColumnMedium,"md-column-large":this.mdColumnLarge,"md-column-xlarge":this.mdColumnXlarge,"md-hide-xsmall":this.mdHideXsmall,"md-hide-small":this.mdHideSmall,"md-hide-medium":this.mdHideMedium,"md-hide-large":this.mdHideLarge,"md-hide-xlarge":this.mdHideXlarge};return this.mdGutter&&("boolean"==typeof this.mdGutter?e["md-gutter"]=!0:this.mdGutter&&(e["md-gutter-"+this.mdGutter]=!0)),this.mdFlexOffset&&(e["md-flex-offset-"+this.mdFlexOffset]=!0),this.generateFlexClasses("","mdFlex",e),this.generateFlexClasses("xsmall","mdFlexXsmall",e),this.generateFlexClasses("small","mdFlexSmall",e),this.generateFlexClasses("medium","mdFlexMedium",e),this.generateFlexClasses("large","mdFlexLarge",e),this.generateFlexClasses("xlarge","mdFlexXlarge",e),e}},methods:{generateFlexClasses:function(e,l,m){e&&(e="-"+e),this[l]&&("boolean"==typeof this[l]?m["md-flex"+e]=!0:m["md-flex"+e+"-"+this[l]]=!0)}},render:function(e){return e(this.mdTag,{staticClass:"md-layout",class:this.classes},this.$slots.default)}},e.exports=l.default},182:function(e,l){},253:function(e,l,m){var t,o;m(182),t=m(123),o=t=t||{},"object"!=typeof t.default&&"function"!=typeof t.default||(o=t=t.default),"function"==typeof o&&(o=o.options),e.exports=t}})});
//# sourceMappingURL=index.debug.js.map
(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__(86);
/***/ },
/***/ 86:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdLayout = __webpack_require__(281);
var _mdLayout2 = _interopRequireDefault(_mdLayout);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-layout', Vue.extend(_mdLayout2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 135:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
props: {
mdTag: {
type: String,
default: 'div'
},
mdRow: Boolean,
mdRowXsmall: Boolean,
mdRowSmall: Boolean,
mdRowMedium: Boolean,
mdRowLarge: Boolean,
mdRowXlarge: Boolean,
mdColumn: Boolean,
mdColumnXsmall: Boolean,
mdColumnSmall: Boolean,
mdColumnMedium: Boolean,
mdColumnLarge: Boolean,
mdColumnXlarge: Boolean,
mdHideXsmall: Boolean,
mdHideSmall: Boolean,
mdHideMedium: Boolean,
mdHideLarge: Boolean,
mdHideXlarge: Boolean,
mdGutter: [String, Number, Boolean],
mdAlign: String,
mdAlignXsmall: String,
mdAlignSmall: String,
mdAlignMedium: String,
mdAlignLarge: String,
mdAlignXlarge: String,
mdFlex: [String, Number, Boolean],
mdFlexXsmall: [String, Number, Boolean],
mdFlexSmall: [String, Number, Boolean],
mdFlexMedium: [String, Number, Boolean],
mdFlexLarge: [String, Number, Boolean],
mdFlexXlarge: [String, Number, Boolean],
mdFlexOffset: [String, Number, Boolean],
mdFlexOffsetXsmall: [String, Number, Boolean],
mdFlexOffsetSmall: [String, Number, Boolean],
mdFlexOffsetMedium: [String, Number, Boolean],
mdFlexOffsetLarge: [String, Number, Boolean],
mdFlexOffsetXlarge: [String, Number, Boolean]
},
computed: {
classes: function classes() {
var classes = {
'md-row': this.mdRow,
'md-row-xsmall': this.mdRowXsmall,
'md-row-small': this.mdRowSmall,
'md-row-medium': this.mdRowMedium,
'md-row-large': this.mdRowLarge,
'md-row-xlarge': this.mdRowXlarge,
'md-column': this.mdColumn,
'md-column-xsmall': this.mdColumnXsmall,
'md-column-small': this.mdColumnSmall,
'md-column-medium': this.mdColumnMedium,
'md-column-large': this.mdColumnLarge,
'md-column-xlarge': this.mdColumnXlarge,
'md-hide-xsmall': this.mdHideXsmall,
'md-hide-small': this.mdHideSmall,
'md-hide-medium': this.mdHideMedium,
'md-hide-large': this.mdHideLarge,
'md-hide-xlarge': this.mdHideXlarge
};
if (this.mdGutter) {
if (typeof this.mdGutter === 'boolean') {
classes['md-gutter'] = true;
} else if (this.mdGutter) {
classes['md-gutter-' + this.mdGutter] = true;
}
}
/* Flex */
this.generatePropClasses('md-flex', '', 'mdFlex', classes);
this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
/* Flex Offset */
this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
/* Alignment */
this.generatePropClasses('md-align', '', 'mdAlign', classes);
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
return classes;
}
},
methods: {
generatePropClasses: function generatePropClasses(prop, size, name, object) {
if (size) {
size = '-' + size;
}
if (this[name]) {
if (typeof this[name] === 'boolean') {
object[prop + size] = true;
} else {
object[prop + size + '-' + this[name]] = true;
}
}
}
},
render: function render(createElement) {
return createElement(this.mdTag, {
staticClass: 'md-layout',
class: this.classes
}, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ },
/***/ 197:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 281:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(197)
/* script */
__vue_exports__ = __webpack_require__(135)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdLayout/mdLayout.vue"
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-1f1a95a6", __vue_options__)
} else {
hotAPI.reload("data-v-1f1a95a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdLayout.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

7
dist/components/mdLayout/index.js vendored
View file

@ -1 +1,6 @@
!function(e,l){"object"==typeof exports&&"object"==typeof module?module.exports=l():"function"==typeof define&&define.amd?define([],l):"object"==typeof exports?exports.VueMaterial=l():e.VueMaterial=l()}(this,function(){return function(e){function l(t){if(m[t])return m[t].exports;var o=m[t]={exports:{},id:t,loaded:!1};return e[t].call(o.exports,o,o.exports,l),o.loaded=!0,o.exports}var m={};return l.m=e,l.c=m,l.p="/",l(0)}({0:function(e,l,m){e.exports=m(81)},81:function(e,l,m){"use strict";function t(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-layout",e.extend(a.default))}Object.defineProperty(l,"__esModule",{value:!0}),l.default=o;var d=m(253),a=t(d);e.exports=l.default},123:function(e,l){"use strict";Object.defineProperty(l,"__esModule",{value:!0}),l.default={props:{mdTag:{type:String,default:"div"},mdRow:Boolean,mdRowXsmall:Boolean,mdRowSmall:Boolean,mdRowMedium:Boolean,mdRowLarge:Boolean,mdRowXlarge:Boolean,mdColumn:Boolean,mdColumnXsmall:Boolean,mdColumnSmall:Boolean,mdColumnMedium:Boolean,mdColumnLarge:Boolean,mdColumnXlarge:Boolean,mdHideXsmall:Boolean,mdHideSmall:Boolean,mdHideMedium:Boolean,mdHideLarge:Boolean,mdHideXlarge:Boolean,mdGutter:[String,Number,Boolean],mdFlex:[String,Number,Boolean],mdFlexXsmall:[String,Number,Boolean],mdFlexSmall:[String,Number,Boolean],mdFlexMedium:[String,Number,Boolean],mdFlexLarge:[String,Number,Boolean],mdFlexXlarge:[String,Number,Boolean],mdFlexOffset:[String,Number]},computed:{classes:function e(){var e={"md-row":this.mdRow,"md-row-xsmall":this.mdRowXsmall,"md-row-small":this.mdRowSmall,"md-row-medium":this.mdRowMedium,"md-row-large":this.mdRowLarge,"md-row-xlarge":this.mdRowXlarge,"md-column":this.mdColumn,"md-column-xsmall":this.mdColumnXsmall,"md-column-small":this.mdColumnSmall,"md-column-medium":this.mdColumnMedium,"md-column-large":this.mdColumnLarge,"md-column-xlarge":this.mdColumnXlarge,"md-hide-xsmall":this.mdHideXsmall,"md-hide-small":this.mdHideSmall,"md-hide-medium":this.mdHideMedium,"md-hide-large":this.mdHideLarge,"md-hide-xlarge":this.mdHideXlarge};return this.mdGutter&&("boolean"==typeof this.mdGutter?e["md-gutter"]=!0:this.mdGutter&&(e["md-gutter-"+this.mdGutter]=!0)),this.mdFlexOffset&&(e["md-flex-offset-"+this.mdFlexOffset]=!0),this.generateFlexClasses("","mdFlex",e),this.generateFlexClasses("xsmall","mdFlexXsmall",e),this.generateFlexClasses("small","mdFlexSmall",e),this.generateFlexClasses("medium","mdFlexMedium",e),this.generateFlexClasses("large","mdFlexLarge",e),this.generateFlexClasses("xlarge","mdFlexXlarge",e),e}},methods:{generateFlexClasses:function(e,l,m){e&&(e="-"+e),this[l]&&("boolean"==typeof this[l]?m["md-flex"+e]=!0:m["md-flex"+e+"-"+this[l]]=!0)}},render:function(e){return e(this.mdTag,{staticClass:"md-layout",class:this.classes},this.$slots.default)}},e.exports=l.default},182:function(e,l){},253:function(e,l,m){var t,o;m(182),t=m(123),o=t=t||{},"object"!=typeof t.default&&"function"!=typeof t.default||(o=t=t.default),"function"==typeof o&&(o=o.options),e.exports=t}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(23)},23:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-layout",e.extend(d.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdLayout.vue"');throw e.code="MODULE_NOT_FOUND",e})()),d=n(u);e.exports=t.default}})}));

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

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

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@ -1,2 +1,108 @@
.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:120;transform:scale(.9,.85) translateZ(0);border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .25s cubic-bezier(.55,0,.55,.2),margin .2s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .25s;will-change:transform,opacity,width}.md-menu-content.md-direction-bottom-right{margin-top:-20px;margin-left:-8px;transform-origin:top left}.md-menu-content.md-direction-bottom-right.md-active{margin-top:-11px}.md-menu-content.md-direction-bottom-left{margin-top:-20px;margin-left:8px;transform-origin:top right}.md-menu-content.md-direction-bottom-left.md-active{margin-top:-11px}.md-menu-content.md-direction-top-right{margin-top:20px;margin-left:-8px;transform-origin:bottom left}.md-menu-content.md-direction-top-right.md-active{margin-top:11px}.md-menu-content.md-direction-top-left{margin-top:20px;margin-left:8px;transform-origin:bottom right}.md-menu-content.md-direction-top-left.md-active{margin-top:11px}.md-menu-content.md-align-trigger{margin:0}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;transform:scale(1) translateZ(0);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .35s cubic-bezier(.25,.8,.25,1),transform .25s cubic-bezier(.25,.8,.25,1) .05s}.md-menu-content.md-active .md-list{opacity:1;transition:opacity .2s cubic-bezier(.25,.8,.25,1) .15s}.md-menu-content .md-list{opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1)}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item[disabled]{cursor:default}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-menu {
display: inline-block;
}
.md-menu-content {
width: 168px;
min-width: 84px;
max-width: 392px;
min-height: 64px;
max-height: calc(100vh - 32px);
overflow-x: hidden;
overflow-y: auto;
position: absolute;
z-index: 120;
transform: scale(0.9, 0.85) translateZ(0);
border-radius: 2px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
opacity: 0;
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
will-change: transform, opacity, width;
}
.md-menu-content.md-direction-bottom-right {
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[disabled] {
cursor: default;
}
.md-menu-item .md-list-item-holder {
overflow: hidden;
text-overflow: ellipsis;
}
/*# sourceMappingURL=index.css.map*/

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

73
dist/components/mdProgress/index.css vendored Normal file
View file

@ -0,0 +1,73 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-progress {
width: 100%;
height: 4px;
position: relative;
overflow: hidden;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-progress.md-indeterminate .md-progress-track {
right: 0;
}
.md-progress.md-indeterminate .md-progress-track:before, .md-progress.md-indeterminate .md-progress-track:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
will-change: left, right;
content: '';
}
.md-progress.md-indeterminate .md-progress-track:before {
animation: progress-indeterminate 2.3s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.md-progress.md-indeterminate .md-progress-track:after {
animation: progress-indeterminate-short 2.3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
}
.md-progress.md-progress-enter, .md-progress.md-progress-leave-active {
opacity: 0;
transform: scaleY(0) translateZ(0);
}
.md-progress.md-progress-enter-active {
transform: scaleY(1) translateZ(0);
}
.md-progress-track {
position: absolute;
top: 0;
bottom: 0;
left: 0;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes progress-indeterminate {
0% {
right: 100%;
left: -35%;
}
60% {
right: -100%;
left: 100%;
}
100% {
right: -100%;
left: 100%;
}
}
@keyframes progress-indeterminate-short {
0% {
right: 100%;
left: -200%;
}
60% {
right: -8%;
left: 107%;
}
100% {
right: -8%;
left: 107%;
}
}
/*# sourceMappingURL=index.css.map*/

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

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

297
dist/components/mdProgress/index.debug.js vendored Normal file
View file

@ -0,0 +1,297 @@
(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__(89);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 89:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdProgress = __webpack_require__(288);
var _mdProgress2 = _interopRequireDefault(_mdProgress);
var _mdProgress3 = __webpack_require__(236);
var _mdProgress4 = _interopRequireDefault(_mdProgress3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-progress', Vue.extend(_mdProgress2.default));
Vue.material.styles.push(_mdProgress4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 142:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdIndeterminate: Boolean,
mdProgress: {
type: Number,
default: 0
}
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-indeterminate': this.mdIndeterminate
};
},
styles: function styles() {
if (!this.mdIndeterminate) {
return {
width: this.mdProgress + '%'
};
}
}
}
}; //
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 198:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 236:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-progress {\n background-color: PRIMARY-COLOR-0.38; }\n .THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-progress .md-progress-track:after, .THEME_NAME.md-progress .md-progress-track:before {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-progress.md-accent {\n background-color: ACCENT-COLOR-0.38; }\n .THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-progress.md-accent .md-progress-track:after, .THEME_NAME.md-progress.md-accent .md-progress-track:before {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-progress.md-warn {\n background-color: WARN-COLOR-0.38; }\n .THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-progress.md-warn .md-progress-track:after, .THEME_NAME.md-progress.md-warn .md-progress-track:before {\n background-color: WARN-COLOR; }\n"
/***/ },
/***/ 288:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(198)
/* script */
__vue_exports__ = __webpack_require__(142)
/* template */
var __vue_template__ = __webpack_require__(327)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdProgress/mdProgress.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-28dc46cd", __vue_options__)
} else {
hotAPI.reload("data-v-28dc46cd", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdProgress.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 327:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('transition', {
attrs: {
"name": "md-progress",
"appear": ""
}
}, [_c('div', {
staticClass: "md-progress",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-progress-track",
style: (_vm.styles)
})])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-28dc46cd", module.exports)
}
}
/***/ }
/******/ })
}));
;

6
dist/components/mdProgress/index.js vendored Normal file
View file

@ -0,0 +1,6 @@
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(r,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():r.VueMaterial=e()})(this,(function(){return (function(r){function e(t){if(o[t])return o[t].exports;var d=o[t]={exports:{},id:t,loaded:!1};return r[t].call(d.exports,d,d.exports,e),d.loaded=!0,d.exports}var o={};return e.m=r,e.c=o,e.p="/",e(0)})({0:function(r,e,o){r.exports=o(26)},26:function(r,e,o){"use strict";function t(r){return r&&r.__esModule?r:{default:r}}function d(r){r.component("md-progress",r.extend(n.default)),r.material.styles.push(a.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=d;var s=o(!(function(){var r=new Error('Cannot find module "./mdProgress.vue"');throw r.code="MODULE_NOT_FOUND",r})()),n=t(s),c=o(87),a=t(c);r.exports=e.default},87:function(r,e){r.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"}})}));

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

@ -1,2 +1,63 @@
.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 */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-radio {
width: auto;
margin: 16px 8px 16px 0;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.md-radio .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*/

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

@ -1,2 +1,323 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(r){if(d[r])return d[r].exports;var o=d[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)}({0:function(e,t,d){e.exports=d(84)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},84:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",e.extend(i.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=d(260),i=r(a),n=d(213),s=r(n);e.exports=t.default},130:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=d(1),a=r(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},200:function(e,t){},213:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},260:function(e,t,d){var r,o;d(200),r=d(130);var a=d(333);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=a.render,o.staticRenderFns=a.staticRenderFns,e.exports=r},333:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[d("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:e.toggleCheck}},[d("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}})]),e._v(" "),e.$slots.default?d("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(90);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 90:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdRadio = __webpack_require__(289);
var _mdRadio2 = _interopRequireDefault(_mdRadio);
var _mdRadio3 = __webpack_require__(237);
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-radio', Vue.extend(_mdRadio2.default));
Vue.material.styles.push(_mdRadio4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 143:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
id: String,
value: [String, Boolean, Number],
mdValue: {
type: [String, Boolean, Number],
required: true
},
disabled: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-checked': this.value && this.mdValue.toString() === this.value.toString(),
'md-disabled': this.disabled
};
}
},
methods: {
toggleCheck: function toggleCheck($event) {
if (!this.disabled) {
this.$emit('change', this.mdValue, $event);
this.$emit('input', this.mdValue, $event);
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 220:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 237:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-radio .md-radio-container:after {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-radio-container {\n border-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME.md-radio.md-primary .md-radio-container:after {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n border-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-warn .md-radio-container:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n border-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-disabled .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
/***/ },
/***/ 289:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(220)
/* script */
__vue_exports__ = __webpack_require__(143)
/* template */
var __vue_template__ = __webpack_require__(370)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdRadio/mdRadio.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-e87254d2", __vue_options__)
} else {
hotAPI.reload("data-v-e87254d2", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 370:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-radio",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-radio-container",
on: {
"click": _vm.toggleCheck
}
}, [_c('input', {
attrs: {
"type": "radio",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-radio-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-e87254d2", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(r){if(d[r])return d[r].exports;var o=d[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)}({0:function(e,t,d){e.exports=d(84)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},84:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",e.extend(i.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=d(260),i=r(a),n=d(213),s=r(n);e.exports=t.default},130:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=d(1),a=r(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},200:function(e,t){},213:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},260:function(e,t,d){var r,o;d(200),r=d(130);var a=d(333);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=a.render,o.staticRenderFns=a.staticRenderFns,e.exports=r},333:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[d("div",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple",value:e.disabled,expression:"disabled"}],staticClass:"md-radio-container",on:{click:e.toggleCheck}},[d("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}})]),e._v(" "),e.$slots.default?d("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(d,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.VueMaterial=r():d.VueMaterial=r()})(this,(function(){return (function(d){function r(e){if(o[e])return o[e].exports;var a=o[e]={exports:{},id:e,loaded:!1};return d[e].call(a.exports,a,a.exports,r),a.loaded=!0,a.exports}var o={};return r.m=d,r.c=o,r.p="/",r(0)})({0:function(d,r,o){d.exports=o(27)},27:function(d,r,o){"use strict";function e(d){return d&&d.__esModule?d:{default:d}}function a(d){d.component("md-radio",d.extend(n.default)),d.material.styles.push(c.default)}Object.defineProperty(r,"__esModule",{value:!0}),r.default=a;var i=o(!(function(){var d=new Error('Cannot find module "./mdRadio.vue"');throw d.code="MODULE_NOT_FOUND",d})()),n=e(i),t=o(88),c=e(t);d.exports=r.default},88:function(d,r){d.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"}})}));

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

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

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

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

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

@ -1,2 +1,319 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(s){if(n[s])return n[s].exports;var o=n[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(86)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},86:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-sidenav",e.extend(r.default)),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(263),r=s(i),d=n(215),a=s(d);e.exports=t.default},133:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=s(o);t.default={data:function(){return{mdVisible:!1}},mixins:[i.default],computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open: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.open()}}},e.exports=t.default},187:function(e,t){},215:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},263:function(e,t,n){var s,o;n(187),s=n(133);var i=n(302);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,e.exports=s},302:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-sidenav",class:[e.themeClass,e.classes],attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[n("div",{staticClass:"md-sidenav-content"},[e._t("default")],2),e._v(" "),n("md-backdrop",{staticClass:"md-sidenav-backdrop",on:{close:e.close}})],1)},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(92);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 92:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSidenav = __webpack_require__(292);
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
var _mdSidenav3 = __webpack_require__(239);
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-sidenav', Vue.extend(_mdSidenav2.default));
Vue.material.styles.push(_mdSidenav4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 146:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
data: function data() {
return {
mdVisible: false
};
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return this.mdVisible && 'md-active';
}
},
methods: {
show: function show() {
this.open();
},
open: function open() {
this.mdVisible = true;
this.$el.focus();
this.$emit('open');
},
close: function close() {
this.mdVisible = false;
this.$el.blur();
this.$emit('close');
},
toggle: function toggle() {
if (this.mdVisible) {
this.close();
} else {
this.open();
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 205:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 239:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
/***/ },
/***/ 292:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(205)
/* script */
__vue_exports__ = __webpack_require__(146)
/* template */
var __vue_template__ = __webpack_require__(337)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-4904390e", __vue_options__)
} else {
hotAPI.reload("data-v-4904390e", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 337:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-sidenav",
class: [_vm.themeClass, _vm.classes],
attrs: {
"tabindex": "0"
},
on: {
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
}, [_c('div', {
staticClass: "md-sidenav-content"
}, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
staticClass: "md-sidenav-backdrop",
on: {
"close": _vm.close
}
})], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-4904390e", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(s){if(n[s])return n[s].exports;var o=n[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(86)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},86:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-sidenav",e.extend(r.default)),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(263),r=s(i),d=n(215),a=s(d);e.exports=t.default},133:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=s(o);t.default={data:function(){return{mdVisible:!1}},mixins:[i.default],computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open: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.open()}}},e.exports=t.default},187:function(e,t){},215:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},263:function(e,t,n){var s,o;n(187),s=n(133);var i=n(302);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,e.exports=s},302:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-sidenav",class:[e.themeClass,e.classes],attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[n("div",{staticClass:"md-sidenav-content"},[e._t("default")],2),e._v(" "),n("md-backdrop",{staticClass:"md-sidenav-backdrop",on:{close:e.close}})],1)},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(29)},29:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-sidenav",e.extend(d.default)),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdSidenav.vue"');throw e.code="MODULE_NOT_FOUND",e})()),d=n(u),i=o(90),a=n(i);e.exports=t.default},90:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"}})}));

162
dist/components/mdSnackbar/index.css vendored
View file

@ -1,2 +1,162 @@
.md-snackbar{min-width:288px;max-width:568px;min-height:48px;padding:14px 24px;position:fixed;z-index:120;overflow:hidden;border-radius:2px;background-color:#323232;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff;font-size:14px}.md-snackbar.md-position-bottom-center{bottom:0;left:50%;transform:translate3D(-50%,100%,0)}.md-snackbar.md-position-bottom-right{bottom:8px;right:8px;transform:translate3D(0,calc(100% + 8px),0)}.md-snackbar.md-position-bottom-left{bottom:8px;left:8px;transform:translate3D(0,calc(100% + 8px),0)}.md-snackbar.md-position-top-center{top:0;left:50%;transform:translate3D(-50%,-100%,0)}.md-snackbar.md-position-top-right{top:8px;right:8px;transform:translate3D(0,calc(-100% - 8px),0)}.md-snackbar.md-position-top-left{top:8px;left:8px;transform:translate3D(0,calc(-100% - 8px),0)}.md-snackbar.md-active.md-position-bottom-center{transform:translate3D(-50%,0,0)}.md-snackbar.md-active.md-position-bottom-left,.md-snackbar.md-active.md-position-bottom-right{transform:translate3D(0,0,0)}.md-snackbar.md-active.md-position-top-center{transform:translate3D(-50%,0,0)}.md-snackbar.md-active.md-position-top-left,.md-snackbar.md-active.md-position-top-right{transform:translate3D(0,0,0)}.md-snackbar.md-active .md-snackbar-content{opacity:1;transition:opacity .4s cubic-bezier(.25,.8,.25,1) .1s}.md-snackbar .md-snackbar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1);will-change:opacity}.md-snackbar .md-button{min-width:64px;margin:-8px -16px}.md-snackbar .md-button:last-child{margin-left:48px}.md-has-toast-top-right .md-fab.md-fab-top-right{transform:translate3D(0,48px,0)}.md-has-toast-top-center .md-fab.md-fab-top-center{transform:translate3D(-50%,48px,0)}.md-has-toast-top-left .md-fab.md-fab-top-left{transform:translate3D(0,48px,0)}.md-has-toast-bottom-right .md-fab.md-fab-bottom-right{transform:translate3D(0,-48px,0)}.md-has-toast-bottom-center .md-fab.md-fab-bottom-center{transform:translate3D(-50%,-48px,0)}.md-has-toast-bottom-left .md-fab.md-fab-bottom-left{transform:translate3D(0,-48px,0)}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* Image aspect ratio calculator */
/* Responsive breakpoints */
.md-snackbar {
display: -ms-flexbox;
display: flex;
position: fixed;
right: 0;
left: 0;
z-index: 120;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-property: margin-top, margin-bottom;
}
.md-snackbar.md-position-top-center, .md-snackbar.md-position-bottom-center {
-ms-flex-pack: center;
justify-content: center;
}
.md-snackbar.md-position-top-right, .md-snackbar.md-position-bottom-right {
margin-right: 24px;
-ms-flex-pack: end;
justify-content: flex-end;
}
.md-snackbar.md-position-top-left, .md-snackbar.md-position-bottom-left {
margin-left: 24px;
-ms-flex-pack: start;
justify-content: flex-start;
}
.md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left, .md-snackbar.md-position-top-center {
margin-top: 24px;
}
.md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
margin-bottom: 24px;
}
.md-snackbar.md-position-top-center, .md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left {
top: 0;
}
.md-snackbar.md-position-top-center .md-snackbar-container, .md-snackbar.md-position-top-right .md-snackbar-container, .md-snackbar.md-position-top-left .md-snackbar-container {
transform: translate3D(0, calc(-100% - 24px), 0);
}
.md-snackbar.md-position-bottom-center, .md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
bottom: 0;
}
.md-snackbar.md-position-bottom-center .md-snackbar-container, .md-snackbar.md-position-bottom-right .md-snackbar-container, .md-snackbar.md-position-bottom-left .md-snackbar-container {
transform: translate3D(0, calc(100% + 24px), 0);
}
.md-snackbar.md-active .md-snackbar-container {
transform: translate3D(0, 0, 0);
}
.md-snackbar.md-active .md-snackbar-content {
opacity: 1;
transition: opacity 0.4s 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (max-width: 600px) {
.md-snackbar {
margin: 0 !important;
}
}
.md-snackbar .md-snackbar-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: opacity;
}
.md-snackbar .md-button {
min-width: 64px;
margin: -8px -16px;
}
.md-snackbar .md-button:last-child {
margin-left: 48px;
}
.md-snackbar-container {
width: auto;
min-width: 288px;
max-width: 568px;
min-height: 48px;
padding: 14px 24px;
overflow: hidden;
border-radius: 2px;
background-color: #323232;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
color: #fff;
font-size: 14px;
}
@media (max-width: 600px) {
.md-snackbar-container {
width: 100%;
max-width: 100%;
border-radius: 0;
}
}
.md-has-toast-top-right .md-fab.md-fab-top-right {
transform: translate3D(0, 68px, 0);
}
@media (max-width: 600px) {
.md-has-toast-top-right .md-fab.md-fab-top-right {
transform: translate3D(0, 48px, 0);
}
}
.md-has-toast-top-center .md-fab.md-fab-top-center {
transform: translate3D(-50%, 68px, 0);
}
@media (max-width: 600px) {
.md-has-toast-top-center .md-fab.md-fab-top-center {
transform: translate3D(-50%, 48px, 0);
}
}
.md-has-toast-top-left .md-fab.md-fab-top-left {
transform: translate3D(0, 68px, 0);
}
@media (max-width: 600px) {
.md-has-toast-top-left .md-fab.md-fab-top-left {
transform: translate3D(0, 48px, 0);
}
}
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
transform: translate3D(0, -68px, 0);
}
@media (max-width: 600px) {
.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
transform: translate3D(0, -48px, 0);
}
}
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
transform: translate3D(-50%, -68px, 0);
}
@media (max-width: 600px) {
.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
transform: translate3D(-50%, -48px, 0);
}
}
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
transform: translate3D(0, -68px, 0);
}
@media (max-width: 600px) {
.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
transform: translate3D(0, -48px, 0);
}
}
@media (max-width: 600px) {
.md-has-toast .md-fab.md-fab-top-right,
.md-has-toast .md-fab.md-fab-top-center,
.md-has-toast .md-fab.md-fab-top-left {
transform: translate3D(0, 44px, 0);
}
}
@media (max-width: 600px) {
.md-has-toast .md-fab.md-fab-bottom-right,
.md-has-toast .md-fab.md-fab-bottom-center,
.md-has-toast .md-fab.md-fab-bottom-left {
transform: translate3D(0, -44px, 0);
}
}
/*# sourceMappingURL=index.css.map*/

480
dist/components/mdSnackbar/index.debug.js vendored
View file

@ -1,2 +1,478 @@
!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(337)},337:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-snackbar",e.extend(s.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(342),s=o(i),a=n(341),c=o(a);e.exports=t.default},339:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdPosition:{type:String,default:"bottom center"},mdDuration:{type:[String,Number],default:4e3}},data:function(){return{active:!1,rootElement:{},snackbarElement:{}}},computed:{classes:function(){var e={"md-active":this.active};return e["md-position-"+this.mdPosition.replace(/ /g,"-")]=!0,e}},methods:{open:function(){this.active=!0,this.$emit("open")},close:function(){this.active=!1,this.$emit("close")}},mounted:function(){var e=this;this.$nextTick(function(){e.rootElement=e.$root.$el,e.snackbarElement=e.$el})},beforeDestroy:function(){}},e.exports=t.default},340:function(e,t){},341:function(e,t){e.exports=".THEME_NAME .md-snackbar .md-ink-ripple,.THEME_NAME.md-snackbar .md-ink-ripple{color:#fff}\n"},342:function(e,t,n){var o,r;n(340),o=n(339);var i=n(343);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},343:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-snackbar",class:e.classes},[n("div",{staticClass:"md-snackbar-content"},[e._t("default")],2)])},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("Vue"));
else if(typeof define === 'function' && define.amd)
define(["Vue"], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory(require("Vue"));
else
root["VueMaterial"] = factory(root["Vue"]);
})(this, (function(__WEBPACK_EXTERNAL_MODULE_374__) {
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__(93);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 38:
/***/ 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'];
/***/ },
/***/ 43:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var uniqueId = function uniqueId() {
return Math.random().toString(36).slice(4);
};
exports.default = uniqueId;
module.exports = exports["default"];
/***/ },
/***/ 93:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSnackbar = __webpack_require__(293);
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
var _mdSnackbar3 = __webpack_require__(240);
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-snackbar', Vue.extend(_mdSnackbar2.default));
Vue.material.styles.push(_mdSnackbar4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 94:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _vue = __webpack_require__(374);
var _vue2 = _interopRequireDefault(_vue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var manager = new _vue2.default({
data: function data() {
return {
current: null
};
}
});
exports.default = manager;
module.exports = exports['default'];
/***/ },
/***/ 147:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _uniqueId = __webpack_require__(43);
var _uniqueId2 = _interopRequireDefault(_uniqueId);
var _transitionEndEventName = __webpack_require__(38);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _manager = __webpack_require__(94);
var _manager2 = _interopRequireDefault(_manager);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
id: [String, Number],
mdPosition: {
type: String,
default: 'bottom center'
},
mdDuration: {
type: [String, Number],
default: 4000
}
},
mixins: [_mixin2.default],
data: function data() {
return {
snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
active: false,
rootElement: {},
snackbarElement: {},
directionClass: null,
closeTimeout: null
};
},
computed: {
classes: function classes() {
var cssClasses = {
'md-active': this.active
};
this.directionClass = this.mdPosition.replace(/ /g, '-');
cssClasses['md-position-' + this.directionClass] = true;
return cssClasses;
}
},
watch: {
active: function active(_active) {
var directionClass = 'md-has-toast-' + this.directionClass;
var toastClass = 'md-has-toast';
if (_active) {
document.body.classList.add(directionClass);
document.body.classList.add(toastClass);
} else {
document.body.classList.remove(directionClass);
document.body.classList.remove(toastClass);
}
}
},
methods: {
removeElement: function removeElement() {
if (this.rootElement.contains(this.snackbarElement)) {
var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
if (activeRipple) {
activeRipple.classList.remove('md-active');
}
this.rootElement.removeChild(this.snackbarElement);
}
},
open: function open() {
if (_manager2.default.current) {
_manager2.default.current.close();
}
_manager2.default.current = this;
this.rootElement.appendChild(this.snackbarElement);
window.getComputedStyle(this.$refs.container).backgroundColor;
this.active = true;
this.$emit('open');
this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
},
close: function close() {
var _this = this;
if (this.$refs.container) {
(function () {
var removeElement = function removeElement() {
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.removeElement();
};
_manager2.default.current = null;
_this.active = false;
_this.$emit('close');
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
window.clearTimeout(_this.closeTimeout);
})();
}
}
},
mounted: function mounted() {
var _this2 = this;
this.$nextTick((function () {
_this2.rootElement = _this2.$root.$el;
_this2.snackbarElement = _this2.$el;
_this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
}));
},
beforeDestroy: function beforeDestroy() {
window.clearTimeout(this.closeTimeout);
this.removeElement();
}
};
module.exports = exports['default'];
/***/ },
/***/ 216:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 240:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
/***/ },
/***/ 293:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(216)
/* script */
__vue_exports__ = __webpack_require__(147)
/* template */
var __vue_template__ = __webpack_require__(362)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-b540e066", __vue_options__)
} else {
hotAPI.reload("data-v-b540e066", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 362:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-snackbar",
class: [_vm.themeClass, _vm.classes],
attrs: {
"id": _vm.snackbarId
}
}, [_c('div', {
ref: "container",
staticClass: "md-snackbar-container"
}, [_c('div', {
staticClass: "md-snackbar-content"
}, [_vm._t("default")], 2)])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-b540e066", module.exports)
}
}
/***/ },
/***/ 374:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_374__;
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

7
dist/components/mdSnackbar/index.js vendored
View file

@ -1 +1,6 @@
!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(337)},337:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-snackbar",e.extend(s.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(342),s=o(i),a=n(341),c=o(a);e.exports=t.default},339:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdPosition:{type:String,default:"bottom center"},mdDuration:{type:[String,Number],default:4e3}},data:function(){return{active:!1,rootElement:{},snackbarElement:{}}},computed:{classes:function(){var e={"md-active":this.active};return e["md-position-"+this.mdPosition.replace(/ /g,"-")]=!0,e}},methods:{open:function(){this.active=!0,this.$emit("open")},close:function(){this.active=!1,this.$emit("close")}},mounted:function(){var e=this;this.$nextTick(function(){e.rootElement=e.$root.$el,e.snackbarElement=e.$el})},beforeDestroy:function(){}},e.exports=t.default},340:function(e,t){},341:function(e,t){e.exports=".THEME_NAME .md-snackbar .md-ink-ripple,.THEME_NAME.md-snackbar .md-ink-ripple{color:#fff}\n"},342:function(e,t,n){var o,r;n(340),o=n(339);var i=n(343);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},343:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-snackbar",class:e.classes},[n("div",{staticClass:"md-snackbar-content"},[e._t("default")],2)])},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var 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(30)},30:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-snackbar",e.extend(a.default)),e.material.styles.push(f.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(!(function(){var e=new Error('Cannot find module "./mdSnackbar.vue"');throw e.code="MODULE_NOT_FOUND",e})()),a=n(u),d=o(91),f=n(d);e.exports=t.default},91:function(e,t){e.exports=".THEME_NAME .md-snackbar .md-ink-ripple,.THEME_NAME.md-snackbar .md-ink-ripple{color:#fff}\n"}})}));

81
dist/components/mdSpinner/index.css vendored
View file

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

335
dist/components/mdSpinner/index.debug.js vendored
View file

@ -1,2 +1,333 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}({0:function(e,t,r){e.exports=r(87)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},87:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",e.extend(a.default)),e.material.styles.push(o.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var d=r(264),a=n(d),i=r(216),o=n(i);e.exports=t.default},134:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),d=n(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[d.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}},data:function(){return{}},methods:{}},e.exports=t.default},193:function(e,t){},216:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},264:function(e,t,r){var n,s;r(193),n=r(134);var d=r(318);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=d.render,s.staticRenderFns=d.staticRenderFns,e.exports=n},318:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-spinner",appear:""}},[r("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[r("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[r("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(95);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 95:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSpinner = __webpack_require__(294);
var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
var _mdSpinner3 = __webpack_require__(241);
var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-spinner', Vue.extend(_mdSpinner2.default));
Vue.material.styles.push(_mdSpinner4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 148:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdSize: {
type: Number,
default: 50
},
mdStroke: {
type: Number,
default: 3.5
},
mdIndeterminate: Boolean,
mdProgress: {
type: Number,
default: 0
}
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-indeterminate': this.mdIndeterminate
};
},
styles: function styles() {
var newSize = this.mdSize + 'px';
return {
width: newSize,
height: newSize
};
},
dashProgress: function dashProgress() {
var progress = this.mdProgress * 125 / 100;
if (this.mdIndeterminate) {
return false;
}
if (progress >= 125) {
progress = 130;
}
return progress + ', 200';
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 211:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 241:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-spinner .md-spinner-path {\n stroke: PRIMARY-COLOR; }\n\n.THEME_NAME.md-spinner.md-accent .md-spinner-path {\n stroke: ACCENT-COLOR; }\n\n.THEME_NAME.md-spinner.md-warn .md-spinner-path {\n stroke: WARN-COLOR; }\n"
/***/ },
/***/ 294:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(211)
/* script */
__vue_exports__ = __webpack_require__(148)
/* template */
var __vue_template__ = __webpack_require__(353)
__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/mdSpinner/mdSpinner.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-7e174593", __vue_options__)
} else {
hotAPI.reload("data-v-7e174593", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSpinner.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 353:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('transition', {
attrs: {
"name": "md-spinner",
"appear": ""
}
}, [_c('div', {
staticClass: "md-spinner",
class: [_vm.themeClass, _vm.classes],
style: (_vm.styles)
}, [_c('svg', {
staticClass: "md-spinner-draw",
attrs: {
"viewBox": "25 25 50 50"
}
}, [_c('circle', {
staticClass: "md-spinner-path",
attrs: {
"cx": "50",
"cy": "50",
"r": "20",
"stroke-width": _vm.mdStroke,
"stroke-dasharray": _vm.dashProgress
}
})])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-7e174593", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}({0:function(e,t,r){e.exports=r(87)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},87:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",e.extend(a.default)),e.material.styles.push(o.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var d=r(264),a=n(d),i=r(216),o=n(i);e.exports=t.default},134:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),d=n(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[d.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}},data:function(){return{}},methods:{}},e.exports=t.default},193:function(e,t){},216:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},264:function(e,t,r){var n,s;r(193),n=r(134);var d=r(318);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=d.render,s.staticRenderFns=d.staticRenderFns,e.exports=n},318:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-spinner",appear:""}},[r("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[r("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[r("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(31)},31:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-spinner",e.extend(u.default)),e.material.styles.push(p.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var d=n(!(function(){var e=new Error('Cannot find module "./mdSpinner.vue"');throw e.code="MODULE_NOT_FOUND",e})()),u=r(d),i=n(92),p=r(i);e.exports=t.default},92:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"}})}));

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

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

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

@ -1,2 +1,273 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}({0:function(e,t,r){e.exports=r(88)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},88:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-subheader",e.extend(a.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=r(265),a=n(o),d=r(217),u=n(d);e.exports=t.default},135:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),o=n(s);t.default={mixins:[o.default]},e.exports=t.default},196:function(e,t){},217:function(e,t){e.exports=".THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},265:function(e,t,r){var n,s;r(196),n=r(135);var o=r(324);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=o.render,s.staticRenderFns=o.staticRenderFns,e.exports=n},324:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?r("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):r("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})});
//# sourceMappingURL=index.debug.js.map
(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__(96);
/***/ },
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 96:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSubheader = __webpack_require__(295);
var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
var _mdSubheader3 = __webpack_require__(242);
var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-subheader', Vue.extend(_mdSubheader2.default));
Vue.material.styles.push(_mdSubheader4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 149:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_mixin2.default]
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 215:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 242:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-subheader.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-subheader.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-subheader.md-warn {\n color: WARN-COLOR; }\n"
/***/ },
/***/ 295:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(215)
/* script */
__vue_exports__ = __webpack_require__(149)
/* template */
var __vue_template__ = __webpack_require__(360)
__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/mdSubheader/mdSubheader.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-a2e7fe8a", __vue_options__)
} else {
hotAPI.reload("data-v-a2e7fe8a", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSubheader.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 360:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (_vm.$parent.$options._componentTag === 'md-list') ? _c('li', {
staticClass: "md-subheader",
class: [_vm.themeClass]
}, [_vm._t("default")], 2) : _c('div', {
staticClass: "md-subheader",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-a2e7fe8a", module.exports)
}
}
/***/ }
/******/ })
}));
;

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

File diff suppressed because one or more lines are too long

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

@ -1 +1,6 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)}({0:function(e,t,r){e.exports=r(88)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},88:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-subheader",e.extend(a.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=r(265),a=n(o),d=r(217),u=n(d);e.exports=t.default},135:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),o=n(s);t.default={mixins:[o.default]},e.exports=t.default},196:function(e,t){},217:function(e,t){e.exports=".THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},265:function(e,t,r){var n,s;r(196),n=r(135);var o=r(324);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=o.render,s.staticRenderFns=o.staticRenderFns,e.exports=n},324:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?r("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):r("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})});
/*!
* Vue Material v0.6.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(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(32)},32: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(d.default)),e.material.styles.push(f.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var u=o(!(function(){var e=new Error('Cannot find module "./mdSubheader.vue"');throw e.code="MODULE_NOT_FOUND",e})()),d=r(u),a=o(93),f=r(a);e.exports=t.default},93:function(e,t){e.exports=".THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"}})}));

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