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.7.2

Browse source
This commit is contained in:
Pablo Henrique Penha Silva 2017-06-19 13:27:45 -03:00
parent 3e19cdb53c
commit 65c362aad7
239 changed files with 34370 additions and 10830 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 397);
/******/ return __webpack_require__(__webpack_require__.s = 447);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 131:
/***/ 126:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-avatar',
mixins: [_mixin2.default]
}; //
//
@ -225,39 +262,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 215:
/***/ 246:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 233:
/***/ 266:
/***/ (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"
/***/ }),
/***/ 260:
/***/ 296:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(215)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(246)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(131),
__webpack_require__(126),
/* template */
__webpack_require__(364),
__webpack_require__(412),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdAvatar/mdAvatar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -271,6 +311,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-4fb5ecf8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -278,7 +321,7 @@ module.exports = Component.exports
/***/ }),
/***/ 364:
/***/ 412:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -297,15 +340,15 @@ if (false) {
/***/ }),
/***/ 397:
/***/ 447:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(90);
module.exports = __webpack_require__(80);
/***/ }),
/***/ 90:
/***/ 80:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -316,11 +359,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdAvatar = __webpack_require__(260);
var _mdAvatar = __webpack_require__(296);
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
var _mdAvatar3 = __webpack_require__(233);
var _mdAvatar3 = __webpack_require__(266);
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* 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(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=397)})({0:function(e,t){e.exports=function(e,t,r,n){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var d="function"==typeof a?a.options:a;if(t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns),r&&(d._scopeId=r),n){var c=d.computed||(d.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:a,options:d}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},131:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t.default={mixins:[a.default]},e.exports=t.default},215:function(e,t){},233:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},260:function(e,t,r){r(215);var n=r(0)(r(131),r(364),null,null);e.exports=n.exports},364:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},397:function(e,t,r){e.exports=r(90)},90:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",u.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=r(260),u=n(a),d=r(233),c=n(d);e.exports=t.default}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=446)})({0:function(e,t){e.exports=function(e,t,n,r,o){var a,i=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(a=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),r&&(c._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},c._ssrRegister=d):n&&(d=n),d){var s=c.functional,f=s?c.render:c.beforeCreate;s?c.render=function(e,t){return d.call(t),f(e,t)}:c.beforeCreate=f?[].concat(f,d):[d]}return{esModule:a,exports:i,options:c}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},126:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o);t.default={name:"md-avatar",mixins:[a.default]},e.exports=t.default},246:function(e,t){},265:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},295:function(e,t,n){function r(e){n(246)}var o=n(0)(n(126),n(411),r,null,null);e.exports=o.exports},411:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},446:function(e,t,n){e.exports=n(80)},80:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",i.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=n(295),i=r(a),u=n(265),c=r(u);e.exports=t.default}})}));

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

@ -1,5 +1,26 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 398);
/******/ return __webpack_require__(__webpack_require__.s = 448);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -132,7 +176,7 @@ module.exports = function normalizeComponent (
/***/ }),
/***/ 132:
/***/ 127:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -149,6 +193,7 @@ Object.defineProperty(exports, "__esModule", {
//
exports.default = {
name: 'md-backdrop',
methods: {
close: function close() {
this.$emit('close');
@ -159,32 +204,35 @@ module.exports = exports['default'];
/***/ }),
/***/ 232:
/***/ 264:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 261:
/***/ 297:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(232)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(264)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(132),
__webpack_require__(127),
/* template */
__webpack_require__(393),
__webpack_require__(443),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -198,6 +246,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-e09d01b8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -205,7 +256,7 @@ module.exports = Component.exports
/***/ }),
/***/ 393:
/***/ 443:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -214,7 +265,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
on: {
"click": _vm.close,
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
_vm.close($event)
}
}
@ -230,15 +281,15 @@ if (false) {
/***/ }),
/***/ 398:
/***/ 448:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(91);
module.exports = __webpack_require__(81);
/***/ }),
/***/ 91:
/***/ 81:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -249,7 +300,7 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdBackdrop = __webpack_require__(261);
var _mdBackdrop = __webpack_require__(297);
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=398)})({0:function(e,t){e.exports=function(e,t,n,o){var r,u=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(r=e,u=e.default);var i="function"==typeof u?u.options:u;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),n&&(i._scopeId=n),o){var f=i.computed||(i.computed={});Object.keys(o).forEach((function(e){var t=o[e];f[e]=function(){return t}}))}return{esModule:r,exports:u,options:i}}},132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},232:function(e,t){},261:function(e,t,n){n(232);var o=n(0)(n(132),n(393),null,null);e.exports=o.exports},393:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}},398:function(e,t,n){e.exports=n(91)},91:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(261),c=o(u);e.exports=t.default}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=447)})({0:function(e,t){e.exports=function(e,t,n,o,r){var u,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(u=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var f;if(r?(f=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=f):n&&(f=n),f){var d=c.functional,a=d?c.render:c.beforeCreate;d?c.render=function(e,t){return f.call(t),a(e,t)}:c.beforeCreate=a?[].concat(a,f):[f]}return{esModule:u,exports:i,options:c}}},127:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"md-backdrop",methods:{close:function(){this.$emit("close")}}},e.exports=t.default},264:function(e,t){},296:function(e,t,n){function o(e){n(264)}var r=n(0)(n(127),n(442),o,null,null);e.exports=r.exports},442:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){return"button"in t||!e._k(t.keyCode,"esc",27)?void e.close(t):null}}})},staticRenderFns:[]}},447:function(e,t,n){e.exports=n(81)},81:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(296),i=o(u);e.exports=t.default}})}));

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

@ -1,5 +1,97 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em;text-decoration:none}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar-item[disabled]{opacity:.38}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}
/* 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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 399);
/******/ return __webpack_require__(__webpack_require__.s = 449);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 133:
/***/ 128:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-bottom-bar',
props: {
mdShift: Boolean
},
@ -244,7 +281,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 134:
/***/ 129:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -275,16 +312,15 @@ Object.defineProperty(exports, "__esModule", {
//
//
//
//
//
exports.default = {
name: 'md-bottom-bar-item',
props: {
mdIcon: String,
mdIconSrc: String,
mdIconset: String,
mdActive: Boolean,
disabled: String,
disabled: Boolean,
href: String
},
data: function data() {
@ -328,39 +364,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 205:
/***/ 234:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 234:
/***/ 267:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-bottom-bar.md-fixed {\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n color: PRIMARY-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n color: WARN-COLOR; }\n .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-bottom-bar.md-shift {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: PRIMARY-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n color: ACCENT-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: ACCENT-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n color: WARN-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: WARN-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n color: WARN-CONTRAST; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n background-color: transparent; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n color: BACKGROUND-CONTRAST-0.87; }\n .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n"
/***/ }),
/***/ 262:
/***/ 298:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(205)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(234)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(133),
__webpack_require__(128),
/* template */
__webpack_require__(343),
__webpack_require__(386),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -374,6 +413,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-197179a8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -381,21 +423,24 @@ module.exports = Component.exports
/***/ }),
/***/ 263:
/***/ 299:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(134),
__webpack_require__(129),
/* template */
__webpack_require__(345),
__webpack_require__(388),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -409,6 +454,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-1b798f5b", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -416,7 +464,7 @@ module.exports = Component.exports
/***/ }),
/***/ 343:
/***/ 386:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -435,7 +483,7 @@ if (false) {
/***/ }),
/***/ 345:
/***/ 388:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -451,7 +499,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
}
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
attrs: {
"md-icon-src": _vm.mdIconSrc,
"md-src": _vm.mdIconSrc,
"md-iconset": _vm.mdIconset
}
}, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
@ -493,15 +541,15 @@ if (false) {
/***/ }),
/***/ 399:
/***/ 449:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(92);
module.exports = __webpack_require__(82);
/***/ }),
/***/ 92:
/***/ 82:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -512,15 +560,15 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdBottomBar = __webpack_require__(262);
var _mdBottomBar = __webpack_require__(298);
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
var _mdBottomBarItem = __webpack_require__(263);
var _mdBottomBarItem = __webpack_require__(299);
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
var _mdBottomBar3 = __webpack_require__(234);
var _mdBottomBar3 = __webpack_require__(267);
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);

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

File diff suppressed because one or more lines are too long

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

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

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 400);
/******/ return __webpack_require__(__webpack_require__.s = 450);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 135:
/***/ 130:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-button',
props: {
href: String,
target: String,
@ -250,39 +287,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 223:
/***/ 254:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 235:
/***/ 268:
/***/ (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"
/***/ }),
/***/ 264:
/***/ 300:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(223)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(254)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(135),
__webpack_require__(130),
/* template */
__webpack_require__(381),
__webpack_require__(430),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdButton/mdButton.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdButton/mdButton.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -296,6 +336,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-6dc87da4", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -303,22 +346,11 @@ module.exports = Component.exports
/***/ }),
/***/ 381:
/***/ 430:
/***/ (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
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
return (_vm.href) ? _c('a', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
@ -326,6 +358,27 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
"disabled": _vm.disabled,
"target": _vm.target,
"rel": _vm.newRel
},
on: {
"click": function($event) {
_vm.$emit('click', $event)
}
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2) : _c('button', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
"type": _vm.type,
"disabled": _vm.disabled
},
on: {
"click": function($event) {
_vm.$emit('click', $event)
}
}
}, [_c('md-ink-ripple', {
attrs: {
@ -343,15 +396,15 @@ if (false) {
/***/ }),
/***/ 400:
/***/ 450:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(93);
module.exports = __webpack_require__(83);
/***/ }),
/***/ 93:
/***/ 83:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -362,11 +415,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdButton = __webpack_require__(264);
var _mdButton = __webpack_require__(300);
var _mdButton2 = _interopRequireDefault(_mdButton);
var _mdButton3 = __webpack_require__(235);
var _mdButton3 = __webpack_require__(268);
var _mdButton4 = _interopRequireDefault(_mdButton3);

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,37 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}
/* 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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 401);
/******/ return __webpack_require__(__webpack_require__.s = 451);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 136:
/***/ 131:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -220,6 +256,7 @@ var onClickButton = void 0; //
//
exports.default = {
name: 'md-button-toggle',
props: {
mdSingle: Boolean
},
@ -262,39 +299,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 202:
/***/ 231:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 236:
/***/ 269:
/***/ (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"
/***/ }),
/***/ 265:
/***/ 301:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(202)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(231)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(136),
__webpack_require__(131),
/* template */
__webpack_require__(335),
__webpack_require__(378),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -308,6 +348,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-0c5891b8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -315,7 +358,7 @@ module.exports = Component.exports
/***/ }),
/***/ 335:
/***/ 378:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -334,15 +377,15 @@ if (false) {
/***/ }),
/***/ 401:
/***/ 451:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(94);
module.exports = __webpack_require__(84);
/***/ }),
/***/ 94:
/***/ 84:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -353,11 +396,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdButtonToggle = __webpack_require__(265);
var _mdButtonToggle = __webpack_require__(301);
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
var _mdButtonToggle3 = __webpack_require__(236);
var _mdButtonToggle3 = __webpack_require__(269);
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=401)})({0:function(t,e){t.exports=function(t,e,o,n){var r,d=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(r=t,d=t.default);var u="function"==typeof d?d.options:d;if(e&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns),o&&(u._scopeId=o),n){var c=u.computed||(u.computed={});Object.keys(n).forEach((function(t){var e=n[t];c[t]=function(){return e}}))}return{esModule:r,exports:d,options:u}}},1:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},136:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},202:function(t,e){},236:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},265:function(t,e,o){o(202);var n=o(0)(o(136),o(335),null,null);t.exports=n.exports},335:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}},401:function(t,e,o){t.exports=o(94)},94:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",l.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(265),l=n(d),u=o(236),c=n(u);t.exports=e.default}})}));
!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=450)})({0:function(t,e){t.exports=function(t,e,o,n,r){var d,l=t=t||{},u=typeof t.default;"object"!==u&&"function"!==u||(d=t,l=t.default);var c="function"==typeof l?l.options:l;e&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns),n&&(c._scopeId=n);var i;if(r?(i=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=i):o&&(i=o),i){var a=c.functional,s=a?c.render:c.beforeCreate;a?c.render=function(t,e){return i.call(e),s(t,e)}:c.beforeCreate=s?[].concat(s,i):[i]}return{esModule:d,exports:l,options:c}}},1:function(t,e,o){"use strict";function n(t){if(!t)return null;var e=t.mdTheme;return e||"md-theme"!==t.$options._componentTag||(e=t.mdName),e||n(t.$parent)}Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(t){this.$material.useTheme(t)}},beforeMount:function(){var t=this.mdTheme;this.$material.useTheme(t?t:"default")}},t.exports=e.default},131:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={name:"md-button-toggle",props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},231:function(t,e){},268:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},300:function(t,e,o){function n(t){o(231)}var r=o(0)(o(131),o(377),n,null,null);t.exports=r.exports},377:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}},450:function(t,e,o){t.exports=o(84)},84:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",l.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(300),l=n(d),u=o(268),c=n(u);t.exports=e.default}})}));

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,82 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
/* 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;
cursor: pointer;
}
.md-checkbox .md-checkbox-container {
width: 20px;
min-width: 20px;
height: 20px;
position: relative;
border-radius: 2px;
border: 2px solid rgba(0, 0, 0, 0.54);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-checkbox .md-checkbox-container:focus {
outline: none;
}
.md-checkbox .md-checkbox-container:before {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-checkbox .md-checkbox-container:after {
width: 6px;
height: 13px;
position: absolute;
top: 0;
left: 5px;
border: 2px solid #fff;
border-top: 0;
border-left: 0;
opacity: 0;
transform: rotate(45deg) scale3D(0.15, 0.15, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-checkbox .md-checkbox-container input {
position: absolute;
left: -999em;
}
.md-checkbox .md-checkbox-container .md-ink-ripple {
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
}
.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple {
width: 48px !important;
height: 48px !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md-checkbox .md-checkbox-label {
height: 20px;
padding-left: 8px;
line-height: 20px;
cursor: pointer;
}
.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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 403);
/******/ return __webpack_require__(__webpack_require__.s = 453);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 143:
/***/ 142:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -211,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-checkbox',
props: {
name: String,
value: [String, Boolean],
@ -266,39 +303,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 225:
/***/ 257:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 238:
/***/ 271:
/***/ (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"
/***/ }),
/***/ 276:
/***/ 312:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(225)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(257)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(143),
__webpack_require__(142),
/* template */
__webpack_require__(386),
__webpack_require__(436),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -312,6 +352,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-9f41cdf8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -319,7 +362,7 @@ module.exports = Component.exports
/***/ }),
/***/ 386:
/***/ 436:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -357,6 +400,9 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
staticClass: "md-checkbox-label",
attrs: {
"for": _vm.id || _vm.name
},
on: {
"click": _vm.toggleCheck
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
@ -370,15 +416,15 @@ if (false) {
/***/ }),
/***/ 403:
/***/ 453:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(96);
module.exports = __webpack_require__(86);
/***/ }),
/***/ 96:
/***/ 86:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -389,11 +435,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdCheckbox = __webpack_require__(276);
var _mdCheckbox = __webpack_require__(312);
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
var _mdCheckbox3 = __webpack_require__(238);
var _mdCheckbox3 = __webpack_require__(271);
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* 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(c){if(o[c])return o[c].exports;var r=o[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,c){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=403)})({0:function(e,t){e.exports=function(e,t,o,c){var r,n=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(r=e,n=e.default);var i="function"==typeof n?n.options:n;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),o&&(i._scopeId=o),c){var a=i.computed||(i.computed={});Object.keys(c).forEach((function(e){var t=c[e];a[e]=function(){return t}}))}return{esModule:r,exports:n,options:i}}},1:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},143:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=c(r);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[n.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":this.checked,"md-disabled":this.disabled}}},watch:{value:function(){this.checked=!!this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},225:function(e,t){},238:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},276:function(e,t,o){o(225);var c=o(0)(o(143),o(386),null,null);e.exports=c.exports},386:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value,checked:e.checked}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},403:function(e,t,o){e.exports=o(96)},96:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var n=o(276),d=c(n),i=o(238),a=c(i);e.exports=t.default}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(c){if(o[c])return o[c].exports;var n=o[c]={i:c,l:!1,exports:{}};return e[c].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,c){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=452)})({0:function(e,t){e.exports=function(e,t,o,c,n){var r,d=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(r=e,d=e.default);var a="function"==typeof d?d.options:d;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),c&&(a._scopeId=c);var s;if(n?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),o&&o.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(n)},a._ssrRegister=s):o&&(s=o),s){var u=a.functional,l=u?a.render:a.beforeCreate;u?a.render=function(e,t){return s.call(t),l(e,t)}:a.beforeCreate=l?[].concat(l,s):[s]}return{esModule:r,exports:d,options:a}}},1:function(e,t,o){"use strict";function c(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||c(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return c(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},142:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),r=c(n);t.default={name:"md-checkbox",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":this.checked,"md-disabled":this.disabled}}},watch:{value:function(){this.checked=!!this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},257:function(e,t){},270:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},311:function(e,t,o){function c(e){o(257)}var n=o(0)(o(142),o(435),c,null,null);e.exports=n.exports},435:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value,checked:e.checked}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name},on:{click:e.toggleCheck}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},452:function(e,t,o){e.exports=o(86)},86:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var r=o(311),d=c(r),i=o(270),a=c(i);e.exports=t.default}})}));

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

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

484
dist/components/mdChips/index.debug.js vendored
View file

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 404);
/******/ return __webpack_require__(__webpack_require__.s = 454);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 144:
/***/ 143:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -211,16 +247,19 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-chip',
props: {
disabled: Boolean,
mdDeletable: Boolean
mdDeletable: Boolean,
mdEditable: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-deletable': this.mdDeletable,
'md-disabled': this.disabled
'md-disabled': this.disabled,
'md-editable': this.mdEditable
};
}
}
@ -239,12 +278,14 @@ exports.default = {
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 145:
/***/ 144:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -258,7 +299,7 @@ var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _uniqueId = __webpack_require__(48);
var _uniqueId = __webpack_require__(36);
var _uniqueId2 = _interopRequireDefault(_uniqueId);
@ -295,8 +336,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
//
//
//
//
//
//
exports.default = {
name: 'md-chips',
props: {
value: Array,
disabled: Boolean,
@ -331,7 +376,8 @@ exports.default = {
classes: function classes() {
return {
'md-static': this.mdStatic,
'md-disabled': this.disabled
'md-disabled': this.disabled,
'md-chips': true
};
}
},
@ -366,6 +412,17 @@ exports.default = {
this.$emit('change', this.selectedChips);
this.applyInputFocus();
},
editChip: function editChip(chip) {
var index = this.selectedChips.indexOf(chip);
if (index >= 0) {
this.selectedChips.splice(index, 1);
}
this.currentChip = chip;
this.$emit('change', this.selectedChips);
this.applyInputFocus();
},
deleteLastChip: function deleteLastChip() {
if (!this.currentChip) {
this.selectedChips.pop();
@ -379,35 +436,38 @@ module.exports = exports['default'];
/***/ }),
/***/ 219:
/***/ 250:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 239:
/***/ 272:
/***/ (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"
module.exports = ".THEME_NAME.md-chip {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME.md-chip.md-deletable:hover, .THEME_NAME.md-chip.md-deletable:focus, .THEME_NAME.md-chip.md-editable:hover, .THEME_NAME.md-chip.md-editable:focus {\n background-color: BACKGROUND-CONTRAST-0.54;\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip.md-deletable:hover .md-delete, .THEME_NAME.md-chip.md-deletable:focus .md-delete, .THEME_NAME.md-chip.md-editable:hover .md-delete, .THEME_NAME.md-chip.md-editable:focus .md-delete {\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip .md-delete {\n color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-chip .md-delete .md-ripple {\n color: BACKGROUND-COLOR; }\n .THEME_NAME.md-chip.md-primary {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-chip.md-accent {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-chip.md-warn {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n"
/***/ }),
/***/ 277:
/***/ 313:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(144),
__webpack_require__(143),
/* template */
__webpack_require__(352),
__webpack_require__(396),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdChips/mdChip.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdChips/mdChip.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdChip.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -421,6 +481,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-2c2a829d", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -428,25 +491,28 @@ module.exports = Component.exports
/***/ }),
/***/ 278:
/***/ 314:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(219)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(250)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(145),
__webpack_require__(144),
/* template */
__webpack_require__(369),
__webpack_require__(418),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdChips/mdChips.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdChips/mdChips.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdChips.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -460,6 +526,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-5cd17226", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -467,135 +536,7 @@ module.exports = Component.exports
/***/ }),
/***/ 352:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-chip",
class: [_vm.themeClass, _vm.classes],
attrs: {
"tabindex": "0"
}
}, [_vm._t("default"), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
staticClass: "md-icon-button md-dense md-delete",
attrs: {
"tabindex": "-1"
},
nativeOn: {
"click": function($event) {
!_vm.disabled && _vm.$emit('delete')
},
"keyup": function($event) {
if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
!_vm.disabled && _vm.$emit('delete')
}
}
}, [_c('md-icon', {
staticClass: "md-icon-delete"
}, [_vm._v("cancel")])], 1) : _vm._e()], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-2c2a829d", module.exports)
}
}
/***/ }),
/***/ 369:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-chips",
class: [_vm.themeClass, _vm.classes]
}, [_c('md-input-container', {
nativeOn: {
"click": function($event) {
_vm.applyInputFocus($event)
}
}
}, [_vm._l((_vm.selectedChips), (function(chip) {
return _c('md-chip', {
attrs: {
"md-deletable": !_vm.mdStatic,
"disabled": _vm.disabled
},
on: {
"delete": function($event) {
_vm.deleteChip(chip)
}
}
}, [_vm._t("default", null, {
value: chip
})], 2)
})), _vm._v(" "), _c('md-input', {
directives: [{
name: "show",
rawName: "v-show",
value: (!_vm.mdStatic),
expression: "!mdStatic"
}, {
name: "model",
rawName: "v-model",
value: (_vm.currentChip),
expression: "currentChip"
}],
ref: "input",
attrs: {
"type": _vm.mdInputType,
"placeholder": _vm.mdInputPlaceholder,
"id": _vm.inputId,
"name": _vm.mdInputName,
"disabled": _vm.disabled,
"tabindex": "0"
},
domProps: {
"value": (_vm.currentChip)
},
on: {
"input": function($event) {
_vm.currentChip = $event
}
},
nativeOn: {
"keydown": [function($event) {
if (_vm._k($event.keyCode, "delete", [8, 46])) { return; }
_vm.deleteLastChip($event)
}, function($event) {
if (_vm._k($event.keyCode, "enter", 13)) { return; }
$event.preventDefault();
_vm.addChip($event)
}, function($event) {
if ($event.keyCode !== 186) { return; }
$event.preventDefault();
_vm.addChip($event)
}]
}
})], 2)], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-5cd17226", module.exports)
}
}
/***/ }),
/***/ 404:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(97);
/***/ }),
/***/ 48:
/***/ 36:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -613,7 +554,140 @@ module.exports = exports["default"];
/***/ }),
/***/ 97:
/***/ 396:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-chip",
class: [_vm.themeClass, _vm.classes],
attrs: {
"tabindex": "0"
}
}, [_c('div', {
staticClass: "md-chip-container",
on: {
"click": function($event) {
!_vm.disabled && _vm.mdEditable && _vm.$emit('edit')
}
}
}, [_vm._t("default")], 2), _vm._v(" "), (_vm.mdDeletable) ? _c('md-button', {
staticClass: "md-icon-button md-dense md-delete",
attrs: {
"tabindex": "-1"
},
nativeOn: {
"click": function($event) {
!_vm.disabled && _vm.$emit('delete')
},
"keyup": function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "delete", [8, 46])) { return null; }
!_vm.disabled && _vm.$emit('delete')
}
}
}, [_c('md-icon', {
staticClass: "md-icon-delete"
}, [_vm._v("cancel")])], 1) : _vm._e()], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-2c2a829d", module.exports)
}
}
/***/ }),
/***/ 418:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('md-input-container', {
staticClass: "md-chips",
class: [_vm.themeClass, _vm.classes],
nativeOn: {
"click": function($event) {
_vm.applyInputFocus($event)
}
}
}, [_vm._l((_vm.selectedChips), (function(chip) {
return _c('md-chip', {
key: chip,
attrs: {
"md-editable": !_vm.mdStatic,
"md-deletable": !_vm.mdStatic,
"disabled": _vm.disabled
},
on: {
"edit": function($event) {
_vm.editChip(chip)
},
"delete": function($event) {
_vm.deleteChip(chip)
}
}
}, [_vm._t("chip", [_vm._v(_vm._s(chip))], {
value: chip
})], 2)
})), _vm._v(" "), _c('md-input', {
directives: [{
name: "show",
rawName: "v-show",
value: (!_vm.mdStatic),
expression: "!mdStatic"
}],
ref: "input",
attrs: {
"type": _vm.mdInputType,
"placeholder": _vm.mdInputPlaceholder,
"id": _vm.inputId,
"name": _vm.mdInputName,
"disabled": _vm.disabled,
"tabindex": "0"
},
nativeOn: {
"keydown": [function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "delete", [8, 46])) { return null; }
_vm.deleteLastChip($event)
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
$event.preventDefault();
_vm.addChip($event)
}, function($event) {
if (!('button' in $event) && $event.keyCode !== 186) { return null; }
$event.preventDefault();
_vm.addChip($event)
}]
},
model: {
value: (_vm.currentChip),
callback: function($$v) {
_vm.currentChip = $$v
},
expression: "currentChip"
}
}), _vm._v(" "), _vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-5cd17226", module.exports)
}
}
/***/ }),
/***/ 454:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(87);
/***/ }),
/***/ 87:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -624,15 +698,15 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdChips = __webpack_require__(278);
var _mdChips = __webpack_require__(314);
var _mdChips2 = _interopRequireDefault(_mdChips);
var _mdChip = __webpack_require__(277);
var _mdChip = __webpack_require__(313);
var _mdChip2 = _interopRequireDefault(_mdChip);
var _mdChips3 = __webpack_require__(239);
var _mdChips3 = __webpack_require__(272);
var _mdChips4 = _interopRequireDefault(_mdChips3);

4
dist/components/mdChips/index.js vendored
View file

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,278 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;background-color:currentColor;border-radius:50%;opacity:.2;transform:scale(0) translateZ(0);transition:none;will-change:background-color,opacity,transform,width,height,top,left}.md-ripple.md-active{animation:a 1s cubic-bezier(.25,.8,.25,1) forwards}.md-ripple.md-active.md-fadeout{opacity:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.6s}@keyframes a{to{transform:scale(2.2) translateZ(0)}}html{height:100%;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-family:Roboto,Noto Sans,Noto,sans-serif}ul:not(.md-list)>li+li{margin-top:8px}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;font-style:italic;vertical-align:middle}audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),svg:not(.md-image),video:not(.md-image){height:auto}[tabindex="-1"]:focus{outline:none!important}.md-scrollbar::-webkit-scrollbar,.md-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:rgba(0,0,0,.05)}.md-scrollbar::-webkit-scrollbar:hover,.md-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.038);background-color:rgba(0,0,0,.087)}.md-scrollbar::-webkit-scrollbar-button,.md-scrollbar ::-webkit-scrollbar-button{display:none}.md-scrollbar::-webkit-scrollbar-corner,.md-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.md-scrollbar::-webkit-scrollbar-thumb,.md-scrollbar ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.26);box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.087);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-1,body{font-weight:400;line-height:20px}.md-body-1,.md-body-2,body{font-size:14px;letter-spacing:.01em}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}a:not(.md-button):not(.md-bottom-bar-item){text-decoration:none}a:not(.md-button):not(.md-bottom-bar-item):hover{text-decoration:underline}button:focus{outline:none}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-ink-ripple {
pointer-events: none;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.md-ripple {
position: absolute;
background-color: currentColor;
border-radius: 50%;
opacity: .2;
transform: scale(0) translateZ(0);
transition: none;
will-change: background-color, opacity, transform, width, height, top, left;
}
.md-ripple.md-active {
animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
}
.md-ripple.md-active.md-fadeout {
opacity: 0 !important;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .6s;
}
@keyframes ripple {
to {
transform: scale(2.2) translateZ(0);
}
}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* Text and Titles
========================================================================== */
.md-caption {
font-size: 12px;
font-weight: 400;
letter-spacing: .02em;
line-height: 17px; }
.md-body-1, body {
font-size: 14px;
font-weight: 400;
letter-spacing: .01em;
line-height: 20px; }
.md-body-2 {
font-size: 14px;
font-weight: 500;
letter-spacing: .01em;
line-height: 24px; }
.md-subheading {
font-size: 16px;
font-weight: 400;
letter-spacing: .01em;
line-height: 24px; }
.md-title {
font-size: 20px;
font-weight: 500;
letter-spacing: .005em;
line-height: 26px; }
.md-headline {
font-size: 24px;
font-weight: 400;
letter-spacing: 0;
line-height: 32px; }
.md-display-1 {
font-size: 34px;
font-weight: 400;
letter-spacing: 0;
line-height: 40px; }
.md-display-2 {
font-size: 45px;
font-weight: 400;
letter-spacing: 0;
line-height: 48px; }
.md-display-3 {
font-size: 56px;
font-weight: 400;
letter-spacing: -.005em;
line-height: 58px; }
.md-display-4 {
font-size: 112px;
font-weight: 300;
letter-spacing: -.01em;
line-height: 112px; }
/* Links & Buttons
========================================================================== */
a:not(.md-button):not(.md-bottom-bar-item) {
text-decoration: none; }
a:not(.md-button):not(.md-bottom-bar-item):hover {
text-decoration: underline; }
button:focus {
outline: none; }
/* Structure
========================================================================== */
html {
height: 100%;
box-sizing: border-box; }
html *,
html *:before,
html *:after {
box-sizing: inherit; }
body {
min-height: 100%;
margin: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, "Noto Sans", Noto, sans-serif; }
/* Fluid Media
========================================================================== */
ul:not(.md-list) > li + li {
margin-top: 8px; }
/* Fluid Media
========================================================================== */
audio,
img,
svg,
object,
embed,
canvas,
video,
iframe {
max-width: 100%;
font-style: italic;
vertical-align: middle; }
audio:not(.md-image),
img:not(.md-image),
svg:not(.md-image),
object:not(.md-image),
embed:not(.md-image),
canvas:not(.md-image),
video:not(.md-image),
iframe:not(.md-image) {
height: auto; }
/* Suppress the focus outline on links that cannot be accessed via keyboard.
This prevents an unwanted focus outline from appearing around elements
that might still respond to pointer events.
========================================================================== */
[tabindex="-1"]:focus {
outline: none !important; }
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-scrollbar::-webkit-scrollbar,
.md-scrollbar ::-webkit-scrollbar {
width: 10px;
height: 10px;
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.12);
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
background-color: rgba(0, 0, 0, 0.05); }
.md-scrollbar::-webkit-scrollbar:hover,
.md-scrollbar ::-webkit-scrollbar:hover {
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.038);
background-color: rgba(0, 0, 0, 0.087); }
.md-scrollbar::-webkit-scrollbar-button,
.md-scrollbar ::-webkit-scrollbar-button {
display: none; }
.md-scrollbar::-webkit-scrollbar-corner,
.md-scrollbar ::-webkit-scrollbar-corner {
background-color: transparent; }
.md-scrollbar::-webkit-scrollbar-thumb,
.md-scrollbar ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.26);
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.054), inset 0 -1px 0 rgba(0, 0, 0, 0.087);
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
/* Text and Titles
========================================================================== */
.md-caption {
font-size: 12px;
font-weight: 400;
letter-spacing: .02em;
line-height: 17px; }
.md-body-1, body {
font-size: 14px;
font-weight: 400;
letter-spacing: .01em;
line-height: 20px; }
.md-body-2 {
font-size: 14px;
font-weight: 500;
letter-spacing: .01em;
line-height: 24px; }
.md-subheading {
font-size: 16px;
font-weight: 400;
letter-spacing: .01em;
line-height: 24px; }
.md-title {
font-size: 20px;
font-weight: 500;
letter-spacing: .005em;
line-height: 26px; }
.md-headline {
font-size: 24px;
font-weight: 400;
letter-spacing: 0;
line-height: 32px; }
.md-display-1 {
font-size: 34px;
font-weight: 400;
letter-spacing: 0;
line-height: 40px; }
.md-display-2 {
font-size: 45px;
font-weight: 400;
letter-spacing: 0;
line-height: 48px; }
.md-display-3 {
font-size: 56px;
font-weight: 400;
letter-spacing: -.005em;
line-height: 58px; }
.md-display-4 {
font-size: 112px;
font-weight: 300;
letter-spacing: -.01em;
line-height: 112px; }
/* Links & Buttons
========================================================================== */
a:not(.md-button):not(.md-bottom-bar-item) {
text-decoration: none; }
a:not(.md-button):not(.md-bottom-bar-item):hover {
text-decoration: underline; }
button:focus {
outline: none; }
/*# sourceMappingURL=index.css.map*/

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,119 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.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:2}.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:3;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;position:relative;background:linear-gradient(180deg,#fff,#fff 1px,transparent 0),linear-gradient(0deg,#fff,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12),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;
}
.md-dialog-content:first-child {
padding-top: 24px;
}
.md-dialog-content p:first-child:not(:only-child) {
margin-top: 0;
}
.md-dialog-content p:last-child:not(:only-child) {
margin-bottom: 0;
}
.md-dialog-body {
margin: 0 -24px;
padding: 0 24px;
overflow: auto;
}
.md-dialog-actions {
min-height: 52px;
padding: 8px 8px 8px 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.md-dialog-actions:before {
height: 1px;
position: absolute;
top: -1px;
right: 0;
left: 0;
content: " ";
}
.md-dialog-actions .md-button {
min-width: 64px;
margin: 0;
padding: 0 8px;
}
.md-dialog-actions .md-button + .md-button {
margin-left: 8px;
}
/*# sourceMappingURL=index.css.map*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 405);
/******/ return __webpack_require__(__webpack_require__.s = 455);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 146:
/***/ 145:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -208,7 +244,7 @@ var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _transitionEndEventName = __webpack_require__(39);
var _transitionEndEventName = __webpack_require__(41);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
@ -228,6 +264,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
//
exports.default = {
name: 'md-dialog',
props: {
mdClickOutsideToClose: {
type: Boolean,
@ -374,12 +411,81 @@ module.exports = exports['default'];
/***/ }),
/***/ 146:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
name: 'md-dialog-actions'
};
module.exports = exports['default'];
/***/ }),
/***/ 147:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
name: 'md-dialog-content'
};
module.exports = exports['default'];
/***/ }),
/***/ 148:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
name: 'md-dialog-title'
};
module.exports = exports['default'];
/***/ }),
/***/ 149:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@ -398,6 +504,7 @@ Object.defineProperty(exports, "__esModule", {
//
exports.default = {
name: 'md-dialog-alert',
props: {
mdTitle: String,
mdContent: String,
@ -439,7 +546,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 148:
/***/ 150:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -464,6 +571,7 @@ Object.defineProperty(exports, "__esModule", {
//
exports.default = {
name: 'md-dialog-confirm',
props: {
mdTitle: String,
mdContent: String,
@ -509,7 +617,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 149:
/***/ 151:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -547,6 +655,7 @@ Object.defineProperty(exports, "__esModule", {
//
exports.default = {
name: 'md-dialog-prompt',
props: {
value: {
type: [String, Number],
@ -605,39 +714,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 210:
/***/ 239:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 240:
/***/ 273:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-dialog-container .md-dialog {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
/***/ }),
/***/ 279:
/***/ 315:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(210)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(239)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(146),
__webpack_require__(145),
/* template */
__webpack_require__(355),
__webpack_require__(399),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/mdDialog.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialog.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialog.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -651,6 +763,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-341e9664", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -658,21 +773,24 @@ module.exports = Component.exports
/***/ }),
/***/ 280:
/***/ 316:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
null,
__webpack_require__(146),
/* template */
__webpack_require__(385),
__webpack_require__(434),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/mdDialogActions.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogActions.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialogActions.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -686,6 +804,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-89c748ae", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -693,21 +814,24 @@ module.exports = Component.exports
/***/ }),
/***/ 281:
/***/ 317:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
null,
__webpack_require__(147),
/* template */
__webpack_require__(359),
__webpack_require__(404),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/mdDialogContent.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogContent.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialogContent.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -721,6 +845,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-44792925", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -728,21 +855,24 @@ module.exports = Component.exports
/***/ }),
/***/ 282:
/***/ 318:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
null,
__webpack_require__(148),
/* template */
__webpack_require__(353),
__webpack_require__(397),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/mdDialogTitle.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/mdDialogTitle.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialogTitle.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -756,6 +886,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-2ec2b6f8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -763,21 +896,24 @@ module.exports = Component.exports
/***/ }),
/***/ 283:
/***/ 319:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(147),
__webpack_require__(149),
/* template */
__webpack_require__(370),
__webpack_require__(419),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/presets/mdDialogAlert.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogAlert.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialogAlert.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -791,6 +927,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-5d32a2a6", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -798,21 +937,24 @@ module.exports = Component.exports
/***/ }),
/***/ 284:
/***/ 320:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(148),
__webpack_require__(150),
/* template */
__webpack_require__(392),
__webpack_require__(442),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/presets/mdDialogConfirm.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogConfirm.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialogConfirm.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -826,6 +968,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-c309205e", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -833,21 +978,24 @@ module.exports = Component.exports
/***/ }),
/***/ 285:
/***/ 321:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(149),
__webpack_require__(151),
/* template */
__webpack_require__(351),
__webpack_require__(395),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDialog/presets/mdDialogPrompt.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDialog/presets/mdDialogPrompt.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDialogPrompt.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -861,6 +1009,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-288a5063", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -868,7 +1019,7 @@ module.exports = Component.exports
/***/ }),
/***/ 351:
/***/ 395:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -895,7 +1046,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
},
nativeOn: {
"keydown": function($event) {
if (_vm._k($event.keyCode, "enter", 13)) { return; }
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
_vm.confirmValue($event)
}
}
@ -925,7 +1076,7 @@ if (false) {
/***/ }),
/***/ 353:
/***/ 397:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -943,7 +1094,7 @@ if (false) {
/***/ }),
/***/ 355:
/***/ 399:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -955,7 +1106,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
},
on: {
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
$event.stopPropagation();
_vm.closeOnEsc($event)
}
@ -986,7 +1137,7 @@ if (false) {
/***/ }),
/***/ 359:
/***/ 404:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -1004,7 +1155,37 @@ if (false) {
/***/ }),
/***/ 370:
/***/ 41:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function transitionEndEventName() {
var el = document.createElement('span');
var transitions = {
transition: 'transitionend',
OTransition: 'oTransitionEnd',
MozTransition: 'transitionend',
WebkitTransition: 'webkitTransitionEnd'
};
for (var transition in transitions) {
if (el.style[transition] !== undefined) {
return transitions[transition];
}
}
}
exports.default = transitionEndEventName();
module.exports = exports['default'];
/***/ }),
/***/ 419:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -1039,7 +1220,7 @@ if (false) {
/***/ }),
/***/ 385:
/***/ 434:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -1057,37 +1238,7 @@ if (false) {
/***/ }),
/***/ 39:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function transitionEndEventName() {
var el = document.createElement('span');
var transitions = {
transition: 'transitionend',
OTransition: 'oTransitionEnd',
MozTransition: 'transitionend',
WebkitTransition: 'webkitTransitionEnd'
};
for (var transition in transitions) {
if (el.style[transition] !== undefined) {
return transitions[transition];
}
}
}
exports.default = transitionEndEventName();
module.exports = exports['default'];
/***/ }),
/***/ 392:
/***/ 442:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -1129,15 +1280,15 @@ if (false) {
/***/ }),
/***/ 405:
/***/ 455:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(98);
module.exports = __webpack_require__(88);
/***/ }),
/***/ 98:
/***/ 88:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -1148,35 +1299,35 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdDialog = __webpack_require__(279);
var _mdDialog = __webpack_require__(315);
var _mdDialog2 = _interopRequireDefault(_mdDialog);
var _mdDialogTitle = __webpack_require__(282);
var _mdDialogTitle = __webpack_require__(318);
var _mdDialogTitle2 = _interopRequireDefault(_mdDialogTitle);
var _mdDialogContent = __webpack_require__(281);
var _mdDialogContent = __webpack_require__(317);
var _mdDialogContent2 = _interopRequireDefault(_mdDialogContent);
var _mdDialogActions = __webpack_require__(280);
var _mdDialogActions = __webpack_require__(316);
var _mdDialogActions2 = _interopRequireDefault(_mdDialogActions);
var _mdDialogAlert = __webpack_require__(283);
var _mdDialogAlert = __webpack_require__(319);
var _mdDialogAlert2 = _interopRequireDefault(_mdDialogAlert);
var _mdDialogConfirm = __webpack_require__(284);
var _mdDialogConfirm = __webpack_require__(320);
var _mdDialogConfirm2 = _interopRequireDefault(_mdDialogConfirm);
var _mdDialogPrompt = __webpack_require__(285);
var _mdDialogPrompt = __webpack_require__(321);
var _mdDialogPrompt2 = _interopRequireDefault(_mdDialogPrompt);
var _mdDialog3 = __webpack_require__(240);
var _mdDialog3 = __webpack_require__(273);
var _mdDialog4 = _interopRequireDefault(_mdDialog3);

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,17 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}
/* 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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 406);
/******/ return __webpack_require__(__webpack_require__.s = 456);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -132,32 +176,58 @@ module.exports = function normalizeComponent (
/***/ }),
/***/ 220:
/***/ 152:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
name: 'md-divider'
};
module.exports = exports['default'];
/***/ }),
/***/ 251:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 286:
/***/ 322:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(220)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(251)
}
var Component = __webpack_require__(0)(
/* script */
null,
__webpack_require__(152),
/* template */
__webpack_require__(371),
__webpack_require__(420),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDivider/mdDivider.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdDivider/mdDivider.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -171,6 +241,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-5e9f054a", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -178,7 +251,7 @@ module.exports = Component.exports
/***/ }),
/***/ 371:
/***/ 420:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -196,15 +269,15 @@ if (false) {
/***/ }),
/***/ 406:
/***/ 456:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(99);
module.exports = __webpack_require__(89);
/***/ }),
/***/ 99:
/***/ 89:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -215,7 +288,7 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdDivider = __webpack_require__(286);
var _mdDivider = __webpack_require__(322);
var _mdDivider2 = _interopRequireDefault(_mdDivider);

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=406)})({0:function(e,t){e.exports=function(e,t,n,r){var o,u=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,u=e.default);var c="function"==typeof u?u.options:u;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var f=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];f[e]=function(){return t}}))}return{esModule:o,exports:u,options:c}}},220:function(e,t){},286:function(e,t,n){n(220);var r=n(0)(null,n(371),null,null);e.exports=r.exports},371:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},406:function(e,t,n){e.exports=n(99)},99:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-divider",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(286),i=r(u);e.exports=t.default}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=455)})({0:function(e,t){e.exports=function(e,t,n,r,o){var u,i=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(u=e,i=e.default);var f="function"==typeof i?i.options:i;t&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns),r&&(f._scopeId=r);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},f._ssrRegister=c):n&&(c=n),c){var d=f.functional,a=d?f.render:f.beforeCreate;d?f.render=function(e,t){return c.call(t),a(e,t)}:f.beforeCreate=a?[].concat(a,c):[c]}return{esModule:u,exports:i,options:f}}},152:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"md-divider"},e.exports=t.default},251:function(e,t){},321:function(e,t,n){function r(e){n(251)}var o=n(0)(n(152),n(419),r,null,null);e.exports=o.exports},419:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},455:function(e,t,n){e.exports=n(89)},89:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-divider",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(321),i=r(u);e.exports=t.default}})}));

30
dist/components/mdFile/index.css vendored
View file

@ -1,5 +1,25 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-file{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.md-file input[type=file]{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0}.md-file .md-icon{cursor:pointer}
/* 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*/

893
dist/components/mdFile/index.debug.js vendored
View file

File diff suppressed because it is too large Load diff

4
dist/components/mdFile/index.js vendored
View file

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,60 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;font-size:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;text-rendering:optimizeLegibility;vertical-align:middle}.md-icon.md-size-2x{width:48px;min-width:48px;height:48px;min-height:48px;font-size:48px}.md-icon.md-size-3x{width:72px;min-width:72px;height:72px;min-height:72px;font-size:72px}.md-icon.md-size-4x{width:96px;min-width:96px;height:96px;min-height:96px;font-size:96px}.md-icon.md-size-5x{width:120px;min-width:120px;height:120px;min-height:120px;font-size:120px}.md-icon svg{width:100%;height:100%}img.md-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}
/* 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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 408);
/******/ return __webpack_require__(__webpack_require__.s = 458);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,90 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 101:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdIcon = __webpack_require__(288);
var _mdIcon2 = _interopRequireDefault(_mdIcon);
var _mdIcon3 = __webpack_require__(242);
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-icon', _mdIcon2.default);
Vue.material.styles.push(_mdIcon4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 151:
/***/ 154:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -254,6 +260,7 @@ var registeredIcons = {}; //
//
exports.default = {
name: 'md-icon',
props: {
mdSrc: String,
mdIconset: {
@ -292,32 +299,28 @@ exports.default = {
}));
},
loadSVG: function loadSVG() {
var _this2 = this;
if (!registeredIcons[this.mdSrc]) {
(function () {
var request = new XMLHttpRequest();
var self = _this2;
var request = new XMLHttpRequest();
var self = this;
request.open('GET', _this2.mdSrc, true);
request.open('GET', this.mdSrc, true);
request.onload = function () {
var mimetype = this.getResponseHeader('content-type');
request.onload = function () {
var mimetype = this.getResponseHeader('content-type');
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
if (self.isSVG(mimetype)) {
registeredIcons[self.mdSrc] = this.response;
self.setSVGContent(this.response);
} else {
self.loadImage();
}
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
if (self.isSVG(mimetype)) {
registeredIcons[self.mdSrc] = this.response;
self.setSVGContent(this.response);
} else {
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
self.loadImage();
}
};
} else {
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
}
};
request.send();
})();
request.send();
} else {
this.setSVGContent(registeredIcons[this.mdSrc]);
}
@ -343,39 +346,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 207:
/***/ 236:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 242:
/***/ 275:
/***/ (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"
/***/ }),
/***/ 288:
/***/ 324:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(207)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(236)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(151),
__webpack_require__(154),
/* template */
__webpack_require__(348),
__webpack_require__(391),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdIcon/mdIcon.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdIcon/mdIcon.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -389,6 +395,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-2423dfc4", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -396,7 +405,7 @@ module.exports = Component.exports
/***/ }),
/***/ 348:
/***/ 391:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -430,12 +439,42 @@ if (false) {
/***/ }),
/***/ 408:
/***/ 458:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(101);
module.exports = __webpack_require__(91);
/***/ }),
/***/ 91:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdIcon = __webpack_require__(324);
var _mdIcon2 = _interopRequireDefault(_mdIcon);
var _mdIcon3 = __webpack_require__(275);
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-icon', _mdIcon2.default);
Vue.material.styles.push(_mdIcon4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=408)})({0:function(e,t){e.exports=function(e,t,n,r){var s,o=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(s=e,o=e.default);var c="function"==typeof o?o.options:o;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var a=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];a[e]=function(){return t}}))}return{esModule:s,exports:o,options:c}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},101:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-icon",i.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(288),i=r(o),c=n(242),a=r(c);e.exports=t.default},151:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s),i={};t.default={props:{mdSrc:String,mdIconset:{type:String,default:"material-icons"}},data:function(){return{svgContent:null,imageSrc:null}},mixins:[o.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(e){return e.indexOf("image")>=0},isSVG:function(e){return e.indexOf("svg")>=0},setSVGContent:function(e){var t=this;this.svgContent=e,this.$nextTick((function(){t.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){var e=this;i[this.mdSrc]?this.setSVGContent(i[this.mdSrc]):!(function(){var t=new XMLHttpRequest,n=e;t.open("GET",e.mdSrc,!0),t.onload=function(){var e=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&n.isImage(e)?n.isSVG(e)?(i[n.mdSrc]=this.response,n.setSVGContent(this.response)):n.loadImage():console.warn("The file "+n.mdSrc+" is not a valid image.")},t.send()})()},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},e.exports=t.default},207:function(e,t){},242:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},288:function(e,t,n){n(207);var r=n(0)(n(151),n(348),null,null);e.exports=r.exports},348:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.svgContent?n("i",{staticClass:"md-icon",class:[e.themeClass],domProps:{innerHTML:e._s(e.svgContent)}}):e.imageSrc?n("md-image",{staticClass:"md-icon",class:[e.themeClass],attrs:{"md-src":e.imageSrc}}):n("i",{staticClass:"md-icon",class:[e.themeClass,e.mdIconset],attrs:{"aria-hidden":!!e.mdIconset}},[e._t("default")],2)},staticRenderFns:[]}},408:function(e,t,n){e.exports=n(101)}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=457)})({0:function(e,t){e.exports=function(e,t,n,r,o){var i,s=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(i=e,s=e.default);var a="function"==typeof s?s.options:s;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r);var u;if(o?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},a._ssrRegister=u):n&&(u=n),u){var d=a.functional,f=d?a.render:a.beforeCreate;d?a.render=function(e,t){return u.call(t),f(e,t)}:a.beforeCreate=f?[].concat(f,u):[u]}return{esModule:i,exports:s,options:a}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},154:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),s={};t.default={name:"md-icon",props:{mdSrc:String,mdIconset:{type:String,default:"material-icons"}},data:function(){return{svgContent:null,imageSrc:null}},mixins:[i.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(e){return e.indexOf("image")>=0},isSVG:function(e){return e.indexOf("svg")>=0},setSVGContent:function(e){var t=this;this.svgContent=e,this.$nextTick((function(){t.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){if(s[this.mdSrc])this.setSVGContent(s[this.mdSrc]);else{var e=new XMLHttpRequest,t=this;e.open("GET",this.mdSrc,!0),e.onload=function(){var e=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&t.isImage(e)?t.isSVG(e)?(s[t.mdSrc]=this.response,t.setSVGContent(this.response)):t.loadImage():console.warn("The file "+t.mdSrc+" is not a valid image.")},e.send()}},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},e.exports=t.default},236:function(e,t){},274:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},323:function(e,t,n){function r(e){n(236)}var o=n(0)(n(154),n(390),r,null,null);e.exports=o.exports},390:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.svgContent?n("i",{staticClass:"md-icon",class:[e.themeClass],domProps:{innerHTML:e._s(e.svgContent)}}):e.imageSrc?n("md-image",{staticClass:"md-icon",class:[e.themeClass],attrs:{"md-src":e.imageSrc}}):n("i",{staticClass:"md-icon",class:[e.themeClass,e.mdIconset],attrs:{"aria-hidden":!!e.mdIconset}},[e._t("default")],2)},staticRenderFns:[]}},457:function(e,t,n){e.exports=n(91)},91:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-icon",s.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(323),s=r(i),c=n(274),a=r(c);e.exports=t.default}})}));

28
dist/components/mdImage/index.css vendored
View file

@ -1,5 +1,23 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-image{opacity:0;-webkit-filter:saturate(20%);filter:saturate(20%)}.md-image.md-black-output{-webkit-filter:brightness(.4) saturate(20%);filter:brightness(.4) saturate(20%)}.md-image.md-loaded{opacity:1;-webkit-filter:saturate(100%);filter:saturate(100%);transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),-webkit-filter 2.2s cubic-bezier(.25,.8,.25,1) .3s;transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s;transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s,-webkit-filter 2.2s cubic-bezier(.25,.8,.25,1) .3s}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-image {
opacity: 0;
-webkit-filter: saturate(20%);
filter: saturate(20%);
}
.md-image.md-black-output {
-webkit-filter: brightness(0.4) saturate(20%);
filter: brightness(0.4) saturate(20%);
}
.md-image.md-loaded {
opacity: 1;
-webkit-filter: saturate(100%);
filter: saturate(100%);
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
/*# sourceMappingURL=index.css.map*/

165
dist/components/mdImage/index.debug.js vendored
View file

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 409);
/******/ return __webpack_require__(__webpack_require__.s = 459);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -132,37 +176,7 @@ module.exports = function normalizeComponent (
/***/ }),
/***/ 102:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdImage = __webpack_require__(289);
var _mdImage2 = _interopRequireDefault(_mdImage);
var _mdImage3 = __webpack_require__(243);
var _mdImage4 = _interopRequireDefault(_mdImage3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-image', _mdImage2.default);
Vue.material.styles.push(_mdImage4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 152:
/***/ 155:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -172,13 +186,14 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
var _getImageLightness = __webpack_require__(58);
var _getImageLightness = __webpack_require__(65);
var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-image',
props: {
mdSrc: String
},
@ -248,39 +263,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 229:
/***/ 261:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 243:
/***/ 276:
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/***/ 289:
/***/ 325:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(229)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(261)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(152),
__webpack_require__(155),
/* template */
__webpack_require__(389),
__webpack_require__(439),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdImage/mdImage.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdImage/mdImage.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdImage.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -294,6 +312,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-b0fc1ce4", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -301,7 +322,7 @@ module.exports = Component.exports
/***/ }),
/***/ 389:
/***/ 439:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -323,15 +344,15 @@ if (false) {
/***/ }),
/***/ 409:
/***/ 459:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(102);
module.exports = __webpack_require__(92);
/***/ }),
/***/ 58:
/***/ 65:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -382,6 +403,36 @@ var getImageLightness = function getImageLightness(image, onLoad, onError) {
exports.default = getImageLightness;
module.exports = exports['default'];
/***/ }),
/***/ 92:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdImage = __webpack_require__(325);
var _mdImage2 = _interopRequireDefault(_mdImage);
var _mdImage3 = __webpack_require__(276);
var _mdImage4 = _interopRequireDefault(_mdImage3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-image', _mdImage2.default);
Vue.material.styles.push(_mdImage4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });

4
dist/components/mdImage/index.js vendored
View file

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=409)})({0:function(e,t){e.exports=function(e,t,n,o){var r,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(r=e,i=e.default);var u="function"==typeof i?i.options:i;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),o){var s=u.computed||(u.computed={});Object.keys(o).forEach((function(e){var t=o[e];s[e]=function(){return t}}))}return{esModule:r,exports:i,options:u}}},102:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-image",a.default),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(289),a=o(i),u=n(243),s=o(u);e.exports=t.default},152:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(58),i=o(r);t.default={props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(e){var t=this,n=function(){t.loaded=!0};(0,i.default)(e,(function(e){var o=256,r=(100*Math.abs(o-e)/o+15)/100;r>=.7&&(t.applyBlack=!0),t.$nextTick(n)}),n)},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},e.exports=t.default},229:function(e,t){},243:function(e,t){e.exports=""},289:function(e,t,n){n(229);var o=n(0)(n(152),n(389),null,null);e.exports=o.exports},389:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("img",{staticClass:"md-image",class:e.classes,attrs:{src:e.mdSrc}})},staticRenderFns:[]}},409:function(e,t,n){e.exports=n(102)},58:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e,t,n){var o=document.createElement("canvas");e.crossOrigin="Anonymous",e.onload=function(){var e=0,n=void 0,r=void 0,i=void 0,a=void 0,u=void 0,s=void 0,c=void 0;o.width=this.width,o.height=this.height,n=o.getContext("2d"),n.drawImage(this,0,0),r=n.getImageData(0,0,o.width,o.height),i=r.data;for(var d=0,l=i.length;d<l;d+=4)a=i[d],u=i[d+1],s=i[d+2],c=Math.floor((a+u+s)/3),e+=c;t(Math.floor(e/(this.width*this.height)))},e.onerror=n};t.default=o,e.exports=t.default}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=458)})({0:function(e,t){e.exports=function(e,t,n,r,o){var i,a=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(i=e,a=e.default);var u="function"==typeof a?a.options:a;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),r&&(u._scopeId=r);var c;if(o?(c=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},u._ssrRegister=c):n&&(c=n),c){var d=u.functional,l=d?u.render:u.beforeCreate;d?u.render=function(e,t){return c.call(t),l(e,t)}:u.beforeCreate=l?[].concat(l,c):[c]}return{esModule:i,exports:a,options:u}}},155:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(65),i=r(o);t.default={name:"md-image",props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(e){var t=this,n=function(){t.loaded=!0};(0,i.default)(e,(function(e){var r=256,o=(100*Math.abs(r-e)/r+15)/100;o>=.7&&(t.applyBlack=!0),t.$nextTick(n)}),n)},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},e.exports=t.default},261:function(e,t){},275:function(e,t){e.exports=""},324:function(e,t,n){function r(e){n(261)}var o=n(0)(n(155),n(438),r,null,null);e.exports=o.exports},438:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("img",{staticClass:"md-image",class:e.classes,attrs:{src:e.mdSrc}})},staticRenderFns:[]}},458:function(e,t,n){e.exports=n(92)},65:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var r=document.createElement("canvas");e.crossOrigin="Anonymous",e.onload=function(){var e=0,n=void 0,o=void 0,i=void 0,a=void 0,s=void 0,u=void 0,c=void 0;r.width=this.width,r.height=this.height,n=r.getContext("2d"),n.drawImage(this,0,0),o=n.getImageData(0,0,r.width,r.height),i=o.data;for(var d=0,l=i.length;d<l;d+=4)a=i[d],s=i[d+1],u=i[d+2],c=Math.floor((a+s+u)/3),e+=c;t(Math.floor(e/(this.width*this.height)))},e.onerror=n};t.default=r,e.exports=t.default},92:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-image",a.default),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(324),a=r(i),s=n(275),u=r(s);e.exports=t.default}})}));

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

@ -1,5 +1,215 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-input-container{width:100%;min-height:48px;margin:4px 0 24px;padding-top:16px;display:-ms-flexbox;display:flex;position:relative}.md-input-container:after{height:1px;right:0;bottom:0;background-color:rgba(0,0,0,.12);content:" "}.md-input-container:after,.md-input-container label{position:absolute;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container label{top:23px;pointer-events:none;transition-duration:.3s;color:rgba(0,0,0,.54);font-size:16px;line-height:20px}.md-input-container input,.md-input-container textarea{width:100%;height:32px;padding:0;display:block;-ms-flex:1;flex:1;border:none;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:font-size;color:rgba(0,0,0,.54);font-family:inherit;font-size:1px;line-height:32px}.md-input-container input:focus,.md-input-container textarea:focus{outline:none}.md-input-container input::-webkit-input-placeholder,.md-input-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.54);font-size:16px;text-shadow:none;-webkit-text-fill-color:initial}.md-input-container input~.md-icon:not(.md-icon-delete),.md-input-container textarea~.md-icon:not(.md-icon-delete){margin-left:12px}.md-input-container input~.md-icon:not(.md-icon-delete):after,.md-input-container textarea~.md-icon:not(.md-icon-delete):after{right:0;left:auto}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;resize:none;line-height:1.3em}.md-input-container .md-count,.md-input-container .md-error{height:20px;position:absolute;bottom:-22px;font-size:12px}.md-input-container .md-error{display:block!important;left:0;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-input-container .md-count{right:0}.md-input-container .md-icon:not(.md-icon-delete){margin:4px auto;color:rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container .md-icon:not(.md-icon-delete):after{width:36px;height:2px;position:absolute;left:0;bottom:0;z-index:1;content:""}.md-input-container .md-icon:not(.md-icon-delete)~label{left:36px}.md-input-container .md-icon:not(.md-icon-delete)~.md-file,.md-input-container .md-icon:not(.md-icon-delete)~.md-input,.md-input-container .md-icon:not(.md-icon-delete)~.md-textarea{margin-left:12px}.md-input-container.md-input-placeholder label{pointer-events:auto;top:10px;opacity:0;font-size:12px}.md-input-container.md-input-placeholder input,.md-input-container.md-input-placeholder textarea{font-size:16px}.md-input-container.md-has-value label,.md-input-container.md-input-focused label{pointer-events:auto;top:0;opacity:1;font-size:12px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea,.md-input-container.md-input-focused input,.md-input-container.md-input-focused textarea{font-size:16px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea{color:rgba(0,0,0,.87)}.md-input-container.md-input-inline label{pointer-events:none}.md-input-container.md-input-inline.md-input-focused label{top:23px;font-size:16px}.md-input-container.md-input-inline.md-has-value label{opacity:0}.md-input-container.md-input-disabled:after{background:0 100% repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,.38),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;
bottom: -22px;
font-size: 12px;
}
.md-input-container .md-error {
display: block !important;
left: 0;
opacity: 0;
transform: translate3d(0, -8px, 0);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
}
.md-input-container .md-count {
right: 0;
}
.md-input-container .md-icon:not(.md-icon-delete) {
margin: 4px auto;
color: rgba(0, 0, 0, 0.54);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-input-container .md-icon:not(.md-icon-delete):after {
width: 36px;
height: 2px;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
content: "";
}
.md-input-container .md-icon:not(.md-icon-delete) ~ label {
left: 36px;
}
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-input,
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-textarea,
.md-input-container .md-icon:not(.md-icon-delete) ~ .md-file {
margin-left: 12px;
}
.md-input-container .md-autocomplete,
.md-input-container .md-autocomplete .md-menu,
.md-input-container .md-autocomplete .md-menu .md-input {
width: 100%;
}
.md-theme-default.md-input-container .md-autocomplete .md-icon:not(.md-icon-search):after {
height: 0;
}
.md-input-container.md-input-placeholder label {
pointer-events: auto;
top: 10px;
opacity: 0;
font-size: 12px;
}
.md-input-container.md-input-placeholder input,
.md-input-container.md-input-placeholder textarea {
font-size: 16px;
}
.md-input-container.md-input-focused label, .md-input-container.md-has-value label {
pointer-events: auto;
top: 0;
opacity: 1;
font-size: 12px;
}
.md-input-container.md-input-focused input,
.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input,
.md-input-container.md-has-value textarea {
font-size: 16px;
}
.md-input-container.md-has-value input,
.md-input-container.md-has-value textarea {
color: rgba(0, 0, 0, 0.87);
}
.md-input-container.md-input-inline label {
pointer-events: none;
}
.md-input-container.md-input-inline.md-input-focused label {
top: 23px;
font-size: 16px;
}
.md-input-container.md-input-inline.md-has-value label {
opacity: 0;
}
.md-input-container.md-input-disabled:after {
background: bottom left repeat-x;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
background-size: 4px 1px;
}
.md-input-container.md-input-disabled label,
.md-input-container.md-input-disabled input,
.md-input-container.md-input-disabled textarea {
color: rgba(0, 0, 0, 0.38);
}
.md-input-container.md-has-password.md-input-focused .md-toggle-password {
color: rgba(0, 0, 0, 0.54);
}
.md-input-container.md-has-password .md-toggle-password {
margin: 0;
position: absolute;
right: 0;
bottom: -2px;
color: rgba(0, 0, 0, 0.38);
}
.md-input-container.md-has-password .md-toggle-password .md-ink-ripple {
color: rgba(0, 0, 0, 0.87);
}
.md-input-container.md-clearable.md-input-focused .md-clear-input {
color: rgba(0, 0, 0, 0.54);
}
.md-input-container.md-clearable .md-clear-input {
margin: 0;
position: absolute;
right: 0;
bottom: -2px;
color: rgba(0, 0, 0, 0.38);
}
.md-input-container.md-clearable .md-clear-input .md-ink-ripple {
color: rgba(0, 0, 0, 0.87);
}
.md-input-container.md-input-invalid .md-error {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.md-input-container.md-input-required label:after {
position: absolute;
top: 2px;
right: 0;
transform: translateX(calc(100% + 2px));
content: "*";
font-size: 12px;
line-height: 1em;
vertical-align: top;
}
.md-input-container.md-has-select:hover .md-select:not(.md-disabled):after {
color: rgba(0, 0, 0, 0.87);
}
/*# sourceMappingURL=index.css.map*/

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 411);
/******/ return __webpack_require__(__webpack_require__.s = 461);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -132,31 +176,7 @@ module.exports = function normalizeComponent (
/***/ }),
/***/ 104:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdLayout = __webpack_require__(293);
var _mdLayout2 = _interopRequireDefault(_mdLayout);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-layout', _mdLayout2.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 156:
/***/ 160:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -169,6 +189,7 @@ Object.defineProperty(exports, "__esModule", {
//
exports.default = {
name: 'md-layout',
props: {
mdTag: {
type: String,
@ -203,6 +224,12 @@ exports.default = {
mdAlignMedium: String,
mdAlignLarge: String,
mdAlignXlarge: String,
mdVerticalAlign: String,
mdVerticalAlignXsmall: String,
mdVerticalAlignSmall: String,
mdVerticalAlignMedium: String,
mdVerticalAlignLarge: String,
mdVerticalAlignXlarge: String,
mdFlex: [String, Number, Boolean],
mdFlexXsmall: [String, Number, Boolean],
mdFlexSmall: [String, Number, Boolean],
@ -267,7 +294,7 @@ exports.default = {
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
/* Alignment */
/* Horizontal Alignment */
this.generatePropClasses('md-align', '', 'mdAlign', classes);
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
@ -275,6 +302,14 @@ exports.default = {
this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
/* Vertical Alignment */
this.generatePropClasses('md-vertical-align', '', 'mdVerticalAlign', classes);
this.generatePropClasses('md-vertical-align', 'xsmall', 'mdVerticalAlignXsmall', classes);
this.generatePropClasses('md-vertical-align', 'small', 'mdVerticalAlignSmall', classes);
this.generatePropClasses('md-vertical-align', 'medium', 'mdVerticalAlignMedium', classes);
this.generatePropClasses('md-vertical-align', 'large', 'mdVerticalAlignLarge', classes);
this.generatePropClasses('md-vertical-align', 'xlarge', 'mdVerticalAlignXlarge', classes);
return classes;
}
},
@ -308,32 +343,35 @@ module.exports = exports['default'];
/***/ }),
/***/ 227:
/***/ 259:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 293:
/***/ 330:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(227)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(259)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(156),
__webpack_require__(160),
/* template */
null,
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdLayout/mdLayout.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdLayout/mdLayout.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
/* hot reload */
if (false) {(function () {
@ -346,6 +384,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-a85016b8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -353,12 +394,36 @@ module.exports = Component.exports
/***/ }),
/***/ 411:
/***/ 461:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(104);
module.exports = __webpack_require__(94);
/***/ }),
/***/ 94:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdLayout = __webpack_require__(330);
var _mdLayout2 = _interopRequireDefault(_mdLayout);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-layout', _mdLayout2.default);
}
module.exports = exports['default'];
/***/ })
/******/ });

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

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

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 413);
/******/ return __webpack_require__(__webpack_require__.s = 463);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -132,47 +176,7 @@ module.exports = function normalizeComponent (
/***/ }),
/***/ 106:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdMenu = __webpack_require__(301);
var _mdMenu2 = _interopRequireDefault(_mdMenu);
var _mdMenuItem = __webpack_require__(303);
var _mdMenuItem2 = _interopRequireDefault(_mdMenuItem);
var _mdMenuContent = __webpack_require__(302);
var _mdMenuContent2 = _interopRequireDefault(_mdMenuContent);
var _mdMenu3 = __webpack_require__(246);
var _mdMenu4 = _interopRequireDefault(_mdMenu3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-menu', _mdMenu2.default);
Vue.component('md-menu-item', _mdMenuItem2.default);
Vue.component('md-menu-content', _mdMenuContent2.default);
Vue.material.styles.push(_mdMenu4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 12:
/***/ 10:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -202,7 +206,7 @@ module.exports = exports["default"];
/***/ }),
/***/ 129:
/***/ 125:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -256,7 +260,7 @@ module.exports = exports["default"];
/***/ }),
/***/ 163:
/***/ 168:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -266,11 +270,11 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
var _transitionEndEventName = __webpack_require__(39);
var _transitionEndEventName = __webpack_require__(41);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _getInViewPosition = __webpack_require__(129);
var _getInViewPosition = __webpack_require__(125);
var _getInViewPosition2 = _interopRequireDefault(_getInViewPosition);
@ -288,6 +292,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
//
exports.default = {
name: 'md-menu',
props: {
mdSize: {
type: [Number, String],
@ -482,7 +487,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 164:
/***/ 169:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -509,6 +514,7 @@ Object.defineProperty(exports, "__esModule", {
//
exports.default = {
name: 'md-menu-content',
data: function data() {
return {
oldHighlight: false,
@ -543,8 +549,13 @@ exports.default = {
},
fireClick: function fireClick() {
if (this.highlighted > 0) {
this.$children[0].$children[this.highlighted - 1].$el.click();
this.getOptions()[this.highlighted - 1].$el.click();
}
},
getOptions: function getOptions() {
return this.$children[0].$children.filter((function (child) {
return child.$el.classList.contains('md-option');
}));
}
},
mounted: function mounted() {
@ -559,7 +570,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 165:
/***/ 170:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -569,11 +580,11 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
var _getClosestVueParent = __webpack_require__(12);
var _getClosestVueParent = __webpack_require__(10);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
__webpack_require__(199);
__webpack_require__(228);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@ -591,6 +602,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
//
exports.default = {
name: 'md-menu-item',
props: {
href: String,
target: String,
@ -661,7 +673,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 199:
/***/ 228:
/***/ (function(module, exports) {
if (!Element.prototype.scrollIntoViewIfNeeded) {
@ -694,39 +706,42 @@ if (!Element.prototype.scrollIntoViewIfNeeded) {
/***/ }),
/***/ 231:
/***/ 263:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 246:
/***/ 279:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-menu-content .md-list {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n .THEME_NAME.md-menu-content .md-list .md-menu-item:hover .md-button:not([disabled]), .THEME_NAME.md-menu-content .md-list .md-menu-item:focus .md-button:not([disabled]), .THEME_NAME.md-menu-content .md-list .md-menu-item.md-highlighted .md-button:not([disabled]) {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME.md-menu-content .md-list .md-menu-item[disabled] {\n color: BACKGROUND-CONTRAST-0.38; }\n"
/***/ }),
/***/ 301:
/***/ 338:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(231)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(263)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(163),
__webpack_require__(168),
/* template */
__webpack_require__(391),
__webpack_require__(441),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdMenu/mdMenu.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdMenu/mdMenu.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdMenu.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -740,6 +755,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-c2b6ddf8", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -747,21 +765,24 @@ module.exports = Component.exports
/***/ }),
/***/ 302:
/***/ 339:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(164),
__webpack_require__(169),
/* template */
__webpack_require__(384),
__webpack_require__(433),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdMenu/mdMenuContent.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdMenu/mdMenuContent.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdMenuContent.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -775,6 +796,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-863c0af6", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -782,21 +806,24 @@ module.exports = Component.exports
/***/ }),
/***/ 303:
/***/ 340:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(165),
__webpack_require__(170),
/* template */
__webpack_require__(342),
__webpack_require__(385),
/* styles */
null,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdMenu/mdMenuItem.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdMenu/mdMenuItem.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdMenuItem.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -810,6 +837,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-185998b7", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -817,7 +847,7 @@ module.exports = Component.exports
/***/ }),
/***/ 342:
/***/ 385:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -846,55 +876,7 @@ if (false) {
/***/ }),
/***/ 384:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-menu-content",
attrs: {
"tabindex": "-1"
},
on: {
"keydown": [function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if (_vm._k($event.keyCode, "tab", 9)) { return; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if (_vm._k($event.keyCode, "up", 38)) { return; }
$event.preventDefault();
_vm.highlightItem('up')
}, function($event) {
if (_vm._k($event.keyCode, "down", 40)) { return; }
$event.preventDefault();
_vm.highlightItem('down')
}, function($event) {
if (_vm._k($event.keyCode, "enter", 13)) { return; }
$event.preventDefault();
_vm.fireClick($event)
}, function($event) {
if (_vm._k($event.keyCode, "space", 32)) { return; }
$event.preventDefault();
_vm.fireClick($event)
}]
}
}, [_c('md-list', [_vm._t("default")], 2)], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-863c0af6", module.exports)
}
}
/***/ }),
/***/ 39:
/***/ 41:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -924,7 +906,53 @@ module.exports = exports['default'];
/***/ }),
/***/ 391:
/***/ 433:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-menu-content",
attrs: {
"tabindex": "-1"
},
on: {
"keydown": [function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "tab", 9)) { return null; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "up", 38)) { return null; }
$event.preventDefault();
_vm.highlightItem('up')
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "down", 40)) { return null; }
$event.preventDefault();
_vm.highlightItem('down')
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "enter", 13)) { return null; }
_vm.fireClick($event)
}, function($event) {
if (!('button' in $event) && _vm._k($event.keyCode, "space", 32)) { return null; }
_vm.fireClick($event)
}]
}
}, [_c('md-list', [_vm._t("default")], 2)], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-863c0af6", module.exports)
}
}
/***/ }),
/***/ 441:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -948,12 +976,52 @@ if (false) {
/***/ }),
/***/ 413:
/***/ 463:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(106);
module.exports = __webpack_require__(96);
/***/ }),
/***/ 96:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdMenu = __webpack_require__(338);
var _mdMenu2 = _interopRequireDefault(_mdMenu);
var _mdMenuItem = __webpack_require__(340);
var _mdMenuItem2 = _interopRequireDefault(_mdMenuItem);
var _mdMenuContent = __webpack_require__(339);
var _mdMenuContent2 = _interopRequireDefault(_mdMenuContent);
var _mdMenu3 = __webpack_require__(279);
var _mdMenu4 = _interopRequireDefault(_mdMenu3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-menu', _mdMenu2.default);
Vue.component('md-menu-item', _mdMenuItem2.default);
Vue.component('md-menu-content', _mdMenuContent2.default);
Vue.material.styles.push(_mdMenu4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });

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

File diff suppressed because one or more lines are too long

104
dist/components/mdOnboarding/index.css vendored Normal file
View file

@ -0,0 +1,104 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-boards {
width: 100%;
height: 100% !important;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
}
.md-boards.md-transition-off * {
transition: none !important;
}
.md-boards.md-dynamic-height .md-boards-content {
transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-boards .md-boards-navigation {
position: absolute !important;
bottom: 0;
width: 100%;
height: 48px;
min-height: 48px;
position: relative;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-ms-flex-pack: justify;
justify-content: space-between;
}
.md-boards .md-board-header {
min-width: 24px;
max-width: 24px;
margin: 0;
padding: 0 12px;
display: inline-block;
position: relative;
cursor: pointer;
border: 0;
background: none;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
font-family: inherit;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.md-boards .md-board-header.md-disabled {
cursor: default;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.md-boards .md-board-header-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.md-boards .md-board-header-container .md-icon {
margin: 0;
}
.md-boards .md-board-header-container .md-icon:not(.md-control) {
width: 16px;
min-width: 16px;
height: 16px;
min-height: 16px;
font-size: 16px;
}
.md-boards .md-boards-content {
width: 100%;
height: 100% !important;
position: relative;
overflow: hidden;
}
.md-boards .md-boards-wrapper {
width: 9999em;
height: 100% !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translate3d(0, 0, 0);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-boards .md-board {
padding: 16px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
/*# sourceMappingURL=index.css.map*/

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

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

1598
dist/components/mdOnboarding/index.debug.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

78
dist/components/mdProgress/index.css vendored
View file

@ -1,5 +1,73 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-progress{width:100%;height:4px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-progress.md-indeterminate .md-progress-track{right:0}.md-progress.md-indeterminate .md-progress-track:after,.md-progress.md-indeterminate .md-progress-track:before{position:absolute;top:0;bottom:0;left:0;will-change:left,right;content:""}.md-progress.md-indeterminate .md-progress-track:before{animation:a 2.3s cubic-bezier(.65,.815,.735,.395) infinite}.md-progress.md-indeterminate .md-progress-track:after{animation:b 2.3s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}.md-progress.md-progress-enter,.md-progress.md-progress-leave-active{opacity:0;transform:scaleY(0) translateZ(0)}.md-progress.md-progress-enter-active{transform:scaleY(1) translateZ(0)}.md-progress-track{position:absolute;top:0;bottom:0;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes a{0%{right:100%;left:-35%}60%{right:-100%;left:100%}to{right:-100%;left:100%}}@keyframes b{0%{right:100%;left:-200%}60%{right:-8%;left:107%}to{right:-8%;left:107%}}
/* 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*/

229
dist/components/mdProgress/index.debug.js vendored
View file

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 414);
/******/ return __webpack_require__(__webpack_require__.s = 465);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,90 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 107:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdProgress = __webpack_require__(304);
var _mdProgress2 = _interopRequireDefault(_mdProgress);
var _mdProgress3 = __webpack_require__(247);
var _mdProgress4 = _interopRequireDefault(_mdProgress3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-progress', _mdProgress2.default);
Vue.material.styles.push(_mdProgress4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 166:
/***/ 173:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -241,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-progress',
props: {
mdIndeterminate: Boolean,
mdProgress: {
@ -278,39 +285,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 209:
/***/ 238:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 247:
/***/ 281:
/***/ (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"
/***/ }),
/***/ 304:
/***/ 343:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(209)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(238)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(166),
__webpack_require__(173),
/* template */
__webpack_require__(350),
__webpack_require__(394),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdProgress/mdProgress.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdProgress/mdProgress.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdProgress.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -324,6 +334,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-2816f2c4", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -331,7 +344,7 @@ module.exports = Component.exports
/***/ }),
/***/ 350:
/***/ 394:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -358,12 +371,42 @@ if (false) {
/***/ }),
/***/ 414:
/***/ 465:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(107);
module.exports = __webpack_require__(98);
/***/ }),
/***/ 98:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdProgress = __webpack_require__(343);
var _mdProgress2 = _interopRequireDefault(_mdProgress);
var _mdProgress3 = __webpack_require__(281);
var _mdProgress4 = _interopRequireDefault(_mdProgress3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-progress', _mdProgress2.default);
Vue.material.styles.push(_mdProgress4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });

4
dist/components/mdProgress/index.js vendored
View file

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* 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(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=414)})({0:function(e,t){e.exports=function(e,t,r,n){var o,s=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(o=e,s=e.default);var a="function"==typeof s?s.options:s;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r),n){var c=a.computed||(a.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:s,options:a}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},107:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",d.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=r(304),d=n(s),a=r(247),c=n(a);e.exports=t.default},166:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),s=n(o);t.default={props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[s.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=t.default},209:function(e,t){},247:function(e,t){e.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"},304:function(e,t,r){r(209);var n=r(0)(r(166),r(350),null,null);e.exports=n.exports},350:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-progress",appear:""}},[r("div",{staticClass:"md-progress",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-progress-track",style:e.styles})])])},staticRenderFns:[]}},414:function(e,t,r){e.exports=r(107)}})}));
!(function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports.VueMaterial=r():e.VueMaterial=r()})(this,(function(){return (function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var t={};return r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="/",r(r.s=464)})({0:function(e,r){e.exports=function(e,r,t,n,o){var s,d=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(s=e,d=e.default);var i="function"==typeof d?d.options:d;r&&(i.render=r.render,i.staticRenderFns=r.staticRenderFns),n&&(i._scopeId=n);var u;if(o?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},i._ssrRegister=u):t&&(u=t),u){var c=i.functional,m=c?i.render:i.beforeCreate;c?i.render=function(e,r){return u.call(r),m(e,r)}:i.beforeCreate=m?[].concat(m,u):[u]}return{esModule:s,exports:d,options:i}}},1:function(e,r,t){"use strict";function n(e){if(!e)return null;var r=e.mdTheme;return r||"md-theme"!==e.$options._componentTag||(r=e.mdName),r||n(e.$parent)}Object.defineProperty(r,"__esModule",{value:!0}),r.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return n(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=r.default},173:function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(r,"__esModule",{value:!0});var o=t(1),s=n(o);r.default={name:"md-progress",props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[s.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=r.default},238:function(e,r){},280:function(e,r){e.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"},342:function(e,r,t){function n(e){t(238)}var o=t(0)(t(173),t(393),n,null,null);e.exports=o.exports},393:function(e,r){e.exports={render:function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("transition",{attrs:{name:"md-progress",appear:""}},[t("div",{staticClass:"md-progress",class:[e.themeClass,e.classes]},[t("div",{staticClass:"md-progress-track",style:e.styles})])])},staticRenderFns:[]}},464:function(e,r,t){e.exports=t(98)},98:function(e,r,t){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",d.default),e.material.styles.push(i.default)}Object.defineProperty(r,"__esModule",{value:!0}),r.default=o;var s=t(342),d=n(s),a=t(280),i=n(a);e.exports=r.default}})}));

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

@ -1,5 +1,76 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-radio{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-radio .md-radio-container{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-radio .md-radio-container:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;opacity:0;transform:scale3D(.38,.38,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-radio .md-radio-container input{position:absolute;left:-999em}.md-radio .md-radio-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-radio .md-radio-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-radio .md-radio-label{height:20px;padding-left:8px;line-height:20px}.md-radio.md-checked .md-radio-container:after{opacity:1;transform:scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}
/* 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;
cursor: pointer;
}
.md-radio .md-radio-container {
width: 20px;
height: 20px;
position: relative;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.54);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-radio .md-radio-container:before {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-radio .md-radio-container:after {
position: absolute;
top: 3px;
right: 3px;
bottom: 3px;
left: 3px;
border-radius: 50%;
opacity: 0;
transform: scale3D(0.38, 0.38, 1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
content: " ";
}
.md-radio .md-radio-container input {
position: absolute;
left: -999em;
}
.md-radio .md-radio-container .md-ink-ripple {
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
border-radius: 50%;
color: rgba(0, 0, 0, 0.54);
}
.md-radio .md-radio-container .md-ink-ripple .md-ripple {
width: 48px !important;
height: 48px !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
left: 0 !important;
}
.md-radio .md-radio-label {
height: 20px;
padding-left: 8px;
line-height: 20px;
cursor: pointer;
}
.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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 415);
/******/ return __webpack_require__(__webpack_require__.s = 466);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,90 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 108:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdRadio = __webpack_require__(305);
var _mdRadio2 = _interopRequireDefault(_mdRadio);
var _mdRadio3 = __webpack_require__(248);
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-radio', _mdRadio2.default);
Vue.material.styles.push(_mdRadio4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 167:
/***/ 174:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -241,6 +247,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-radio',
props: {
name: String,
id: String,
@ -255,7 +262,7 @@ exports.default = {
computed: {
classes: function classes() {
return {
'md-checked': typeof this.value !== 'undefined' && this.mdValue.toString() === this.value.toString(),
'md-checked': typeof this.value !== 'undefined' && this.value !== null && this.mdValue.toString() === this.value.toString(),
'md-disabled': this.disabled
};
}
@ -288,39 +295,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 201:
/***/ 230:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 248:
/***/ 282:
/***/ (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"
/***/ }),
/***/ 305:
/***/ 344:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(201)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(230)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(167),
__webpack_require__(174),
/* template */
__webpack_require__(332),
__webpack_require__(375),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdRadio/mdRadio.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdRadio/mdRadio.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -334,6 +344,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-079386ce", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -341,7 +354,7 @@ module.exports = Component.exports
/***/ }),
/***/ 332:
/***/ 375:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -362,6 +375,9 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
},
domProps: {
"value": _vm.value
},
on: {
"click": _vm.toggleCheck
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
@ -384,12 +400,42 @@ if (false) {
/***/ }),
/***/ 415:
/***/ 466:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(108);
module.exports = __webpack_require__(99);
/***/ }),
/***/ 99:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdRadio = __webpack_require__(344);
var _mdRadio2 = _interopRequireDefault(_mdRadio);
var _mdRadio3 = __webpack_require__(282);
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-radio', _mdRadio2.default);
Vue.material.styles.push(_mdRadio4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* 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(d){if(r[d])return r[d].exports;var o=r[d]={i:d,l:!1,exports:{}};return e[d].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,d){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:d})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=415)})({0:function(e,t){e.exports=function(e,t,r,d){var o,n=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,n=e.default);var a="function"==typeof n?n.options:n;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r),d){var s=a.computed||(a.computed={});Object.keys(d).forEach((function(e){var t=d[e];s[e]=function(){return t}}))}return{esModule:o,exports:n,options:a}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},108:function(e,t,r){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",i.default),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=r(305),i=d(n),a=r(248),s=d(a);e.exports=t.default},167:function(e,t,r){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=d(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[n.default],computed:{classes:function(){return{"md-checked":"undefined"!=typeof this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},201:function(e,t){},248:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},305:function(e,t,r){r(201);var d=r(0)(r(167),r(332),null,null);e.exports=d.exports},332:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-radio-container",on:{click:e.toggleCheck}},[r("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}}),e._v(" "),r("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?r("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},415:function(e,t,r){e.exports=r(108)}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(r[o])return r[o].exports;var n=r[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,t),n.l=!0,n.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=465)})({0:function(e,t){e.exports=function(e,t,r,o,n){var d,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(d=e,i=e.default);var c="function"==typeof i?i.options:i;t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),o&&(c._scopeId=o);var s;if(n?(s=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(n)},c._ssrRegister=s):r&&(s=r),s){var u=c.functional,l=u?c.render:c.beforeCreate;u?c.render=function(e,t){return s.call(t),l(e,t)}:c.beforeCreate=l?[].concat(l,s):[s]}return{esModule:d,exports:i,options:c}}},1:function(e,t,r){"use strict";function o(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||o(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return o(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},174:function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),d=o(n);t.default={name:"md-radio",props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[d.default],computed:{classes:function(){return{"md-checked":"undefined"!=typeof this.value&&null!==this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},230:function(e,t){},281:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},343:function(e,t,r){function o(e){r(230)}var n=r(0)(r(174),r(374),o,null,null);e.exports=n.exports},374:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-radio-container",on:{click:e.toggleCheck}},[r("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value},on:{click:e.toggleCheck}}),e._v(" "),r("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?r("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},465:function(e,t,r){e.exports=r(99)},99:function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-radio",i.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var d=r(343),i=o(d),a=r(281),c=o(a);e.exports=t.default}})}));

33
dist/components/mdRatingBar/index.css vendored Normal file
View file

@ -0,0 +1,33 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-rating-bar {
width: auto;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 3px;
border-radius: 2px;
}
.md-rating-bar > .md-full-icon {
overflow-x: hidden;
display: inherit;
}
.md-rating-bar > .md-empty-icon > .md-icon,
.md-rating-bar > .md-full-icon > .md-icon {
margin: 0;
white-space: nowrap;
cursor: pointer;
}
.md-rating-bar:not([disabled]):hover {
background-color: rgba(153, 153, 153, 0.2);
}
.md-rating-bar[disabled] > .md-empty-icon > .md-icon,
.md-rating-bar[disabled] > .md-full-icon > .md-icon {
cursor: default;
}
/*# sourceMappingURL=index.css.map*/

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

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

648
dist/components/mdRatingBar/index.debug.js vendored Normal file
View file

@ -0,0 +1,648 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, (function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/ // identity function for calling harmony imports with the correct context
/******/ __webpack_require__.i = function(value) { return value; };
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, {
/******/ configurable: false,
/******/ enumerable: true,
/******/ get: getter
/******/ });
/******/ }
/******/ };
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 467);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
// ES6 modules interop
var type = typeof rawScriptExports.default
if (type === 'object' || type === 'function') {
esModule = rawScriptExports
scriptExports = rawScriptExports.default
}
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (compiledTemplate) {
options.render = compiledTemplate.render
options.staticRenderFns = compiledTemplate.staticRenderFns
}
// scopedId
if (scopeId) {
options._scopeId = scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ 1:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
computed: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
themeClass: function themeClass() {
return this.$material.prefix + this.mdEffectiveTheme;
}
},
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 100:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdRatingBar = __webpack_require__(345);
var _mdRatingBar2 = _interopRequireDefault(_mdRatingBar);
var _mdRatingBar3 = __webpack_require__(283);
var _mdRatingBar4 = _interopRequireDefault(_mdRatingBar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-rating-bar', _mdRatingBar2.default);
Vue.material.styles.push(_mdRatingBar4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 175:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var iconSize = 24; //size of each icon from rating bar in pixels
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdMaxRating: {
type: Number,
default: 5
},
disabled: Boolean,
value: {
type: Number,
default: 0
},
mdIconSize: {
type: Number,
default: 1
},
mdFullIconset: String,
mdEmptyIconset: String,
mdFullIcon: {
type: String,
default: 'star'
},
mdEmptyIcon: {
type: String,
default: 'star'
}
},
mixins: [_mixin2.default],
data: function data() {
return {
srcFullIcon: null,
srcEmptyIcon: null,
rating: this.value
};
},
mounted: function mounted() {
this.srcFullIcon = this.checkSrc(this.mdFullIcon);
this.srcEmptyIcon = this.checkSrc(this.mdEmptyIcon);
},
computed: {
emptyIcon: function emptyIcon() {
if (this.mdEmptyIconset) {
return '';
}
return this.mdEmptyIcon;
},
fullIcon: function fullIcon() {
if (this.mdFullIconset) {
return '';
}
return this.mdFullIcon;
},
iconClasses: function iconClasses() {
var classes = {};
if (this.mdIconSize) {
classes['md-size-' + this.mdIconSize + 'x'] = true;
}
return classes;
},
fullIconStyle: function fullIconStyle() {
return {
width: 100 / this.mdMaxRating * this.rating + '%',
'margin-left': -iconSize * this.mdIconSize * this.mdMaxRating + 'px'
};
}
},
watch: {
mdFullIcon: function mdFullIcon() {
this.srcFullIcon = this.checkSrc(this.mdFullIcon);
},
mdEmptyIcon: function mdEmptyIcon() {
this.srcEmptyIcon = this.checkSrc(this.mdEmptyIcon);
},
value: function value() {
this.rating = this.value;
}
},
methods: {
hoverStars: function hoverStars(evt) {
if (!this.disabled) {
this.rating = this.getIconIndex(evt.currentTarget);
this.$emit('hover', this.rating);
}
},
clickStars: function clickStars(evt) {
if (!this.disabled) {
var selected = this.getIconIndex(evt.currentTarget);
this.$emit('input', selected);
this.$emit('change', selected);
}
},
getIconIndex: function getIconIndex(iconSelected) {
var _this = this;
//iconSelected is a dom element
var ratingIcons = this.$el.querySelectorAll('.md-empty-icon > .md-icon, .md-full-icon > .md-icon');
var selected = -1;
ratingIcons = Array.prototype.slice.call(ratingIcons);
//find index from iconSelected
ratingIcons.some((function (icon, i) {
if (icon === iconSelected) {
selected = (i + 1) % _this.mdMaxRating;
selected = !selected ? _this.mdMaxRating : selected;
return true;
}
}));
return selected;
},
checkSrc: function checkSrc(src) {
if (src && /.+\.(svg|png)/.test(src)) {
//check if src is a image source
return src;
}
return null;
},
onMouseOut: function onMouseOut() {
this.rating = this.value;
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 245:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 283:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-rating-bar > .md-empty-icon .md-icon {\n color: BACKGROUND-CONTRAST-0.26; }\n\n.THEME_NAME.md-rating-bar > .md-full-icon .md-icon {\n color: BACKGROUND-CONTRAST-0.38; }\n\n.THEME_NAME.md-rating-bar.md-primary > .md-full-icon .md-icon {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-rating-bar.md-accent > .md-full-icon .md-icon {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-rating-bar.md-warn > .md-full-icon .md-icon {\n color: WARN-COLOR; }\n"
/***/ }),
/***/ 345:
/***/ (function(module, exports, __webpack_require__) {
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(245)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(175),
/* template */
__webpack_require__(410),
/* styles */
injectStyle,
/* scopeId */
null,
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdRatingBar/mdRatingBar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdRatingBar.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-4c037d44", Component.options)
} else {
hotAPI.reload("data-v-4c037d44", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
/***/ }),
/***/ 410:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-rating-bar",
class: [_vm.themeClass],
attrs: {
"disabled": _vm.disabled
}
}, [(_vm.srcEmptyIcon) ? _c('div', {
staticClass: "md-empty-icon"
}, _vm._l((_vm.mdMaxRating), (function(i) {
return (_vm.srcEmptyIcon) ? _c('md-icon', {
key: i,
class: [_vm.iconClasses],
attrs: {
"md-src": _vm.srcEmptyIcon
},
nativeOn: {
"mouseover": function($event) {
_vm.hoverStars($event)
},
"click": function($event) {
_vm.clickStars($event)
},
"mouseout": function($event) {
_vm.onMouseOut($event)
}
}
}) : _vm._e()
}))) : _c('div', {
staticClass: "md-empty-icon"
}, _vm._l((_vm.mdMaxRating), (function(i) {
return _c('md-icon', {
key: i,
class: [_vm.iconClasses],
attrs: {
"md-iconset": _vm.mdEmptyIconset
},
domProps: {
"innerHTML": _vm._s(_vm.emptyIcon)
},
nativeOn: {
"mouseover": function($event) {
_vm.hoverStars($event)
},
"click": function($event) {
_vm.clickStars($event)
},
"mouseout": function($event) {
_vm.onMouseOut($event)
}
}
})
}))), _vm._v(" "), (_vm.srcFullIcon) ? _c('div', {
staticClass: "md-full-icon",
style: (_vm.fullIconStyle)
}, _vm._l((_vm.mdMaxRating), (function(i) {
return (_vm.srcFullIcon) ? _c('md-icon', {
key: i,
class: [_vm.iconClasses],
attrs: {
"md-src": _vm.srcFullIcon
},
nativeOn: {
"mouseover": function($event) {
_vm.hoverStars($event)
},
"click": function($event) {
_vm.clickStars($event)
},
"mouseout": function($event) {
_vm.onMouseOut($event)
}
}
}) : _vm._e()
}))) : _c('div', {
staticClass: "md-full-icon",
style: (_vm.fullIconStyle)
}, _vm._l((_vm.mdMaxRating), (function(i) {
return _c('md-icon', {
key: i,
class: [_vm.iconClasses],
attrs: {
"md-iconset": _vm.mdFullIconset
},
domProps: {
"innerHTML": _vm._s(_vm.fullIcon)
},
nativeOn: {
"mouseover": function($event) {
_vm.hoverStars($event)
},
"click": function($event) {
_vm.clickStars($event)
},
"mouseout": function($event) {
_vm.onMouseOut($event)
}
}
})
})))])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-4c037d44", module.exports)
}
}
/***/ }),
/***/ 467:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(100);
/***/ })
/******/ });
}));

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,107 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .15s linear;content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select.md-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.md-select select{position:absolute;left:-999em}.md-select .md-menu,.md-select .md-select-value{width:100%;height:32px;display:block;position:relative}.md-select .md-select-value{padding-right:24px;cursor:pointer;overflow:hidden;z-index:1;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:not(.md-select-icon):after {
margin-top: 2px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%) scaleY(0.45) scaleX(0.85);
transition: all 0.15s linear;
content: "\25BC";
}
.md-select.md-active .md-select-menu {
top: -8px;
pointer-events: auto;
opacity: 1;
transform: translateY(-8px) scale3D(1, 1, 1);
transform-origin: center top;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .25s;
transition-property: opacity, transform, top;
}
.md-select.md-active .md-select-menu > * {
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: .15s;
transition-delay: .1s;
}
.md-select.md-disabled {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-drag: none;
}
.md-select select {
position: absolute;
left: -999em;
}
.md-select .md-menu {
width: 100%;
height: 32px;
display: block;
position: relative;
}
.md-select .md-select-value {
width: 100%;
height: 32px;
padding-right: 24px;
display: block;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 2;
font-size: 16px;
line-height: 33px;
text-overflow: ellipsis;
white-space: nowrap;
}
.md-select .md-subheader {
color: rgba(117, 117, 117, 0.87);
text-transform: uppercase;
}
.md-select .md-subheader:first-child {
margin-top: -8px;
}
.md-select-content {
width: auto;
max-height: 256px;
}
.md-select-content.md-direction-bottom-right {
margin-top: -15px;
margin-left: -16px;
}
.md-select-content .md-option[disabled] {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
user-drag: none;
}
.md-select-content .md-menu-item .md-list-item-holder {
overflow: visible;
-ms-flex-pack: start;
justify-content: flex-start;
}
.md-select-content.md-multiple .md-checkbox {
margin: 0;
}
.md-select-content.md-multiple .md-checkbox-label {
padding-left: 16px;
cursor: pointer;
}
/*# sourceMappingURL=index.css.map*/

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,55 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3D(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3D(100%,0,0)}.md-sidenav.md-fixed .md-sidenav-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:2;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:1;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;
transform: initial;
}
.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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 417);
/******/ return __webpack_require__(__webpack_require__.s = 469);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 110:
/***/ 102:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -205,11 +241,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdSidenav = __webpack_require__(308);
var _mdSidenav = __webpack_require__(348);
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
var _mdSidenav3 = __webpack_require__(250);
var _mdSidenav3 = __webpack_require__(285);
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
@ -224,7 +260,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 170:
/***/ 178:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -241,6 +277,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-sidenav',
data: function data() {
return {
mdVisible: false
@ -368,39 +405,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 218:
/***/ 249:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 250:
/***/ 285:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
/***/ }),
/***/ 308:
/***/ 348:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(218)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(249)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(170),
__webpack_require__(178),
/* template */
__webpack_require__(367),
__webpack_require__(415),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSidenav/mdSidenav.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -414,6 +454,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-52912130", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -421,7 +464,7 @@ module.exports = Component.exports
/***/ }),
/***/ 367:
/***/ 415:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -433,7 +476,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
},
on: {
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
if (!('button' in $event) && _vm._k($event.keyCode, "esc", 27)) { return null; }
_vm.close($event)
}
}
@ -457,10 +500,10 @@ if (false) {
/***/ }),
/***/ 417:
/***/ 469:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(110);
module.exports = __webpack_require__(102);
/***/ })

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

File diff suppressed because one or more lines are too long

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

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

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

@ -7,7 +7,7 @@
exports["VueMaterial"] = factory(require("vue"));
else
root["VueMaterial"] = factory(root["Vue"]);
})(this, (function(__WEBPACK_EXTERNAL_MODULE_395__) {
})(this, (function(__WEBPACK_EXTERNAL_MODULE_445__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 418);
/******/ return __webpack_require__(__webpack_require__.s = 470);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 111:
/***/ 103:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -205,11 +241,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdSnackbar = __webpack_require__(309);
var _mdSnackbar = __webpack_require__(349);
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
var _mdSnackbar3 = __webpack_require__(251);
var _mdSnackbar3 = __webpack_require__(286);
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
@ -224,7 +260,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 124:
/***/ 117:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -234,7 +270,7 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
var _vue = __webpack_require__(395);
var _vue = __webpack_require__(445);
var _vue2 = _interopRequireDefault(_vue);
@ -253,7 +289,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 171:
/***/ 179:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -263,11 +299,11 @@ Object.defineProperty(exports, "__esModule", {
value: true
});
var _uniqueId = __webpack_require__(48);
var _uniqueId = __webpack_require__(36);
var _uniqueId2 = _interopRequireDefault(_uniqueId);
var _transitionEndEventName = __webpack_require__(39);
var _transitionEndEventName = __webpack_require__(41);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
@ -275,7 +311,7 @@ var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _manager = __webpack_require__(124);
var _manager = __webpack_require__(117);
var _manager2 = _interopRequireDefault(_manager);
@ -295,6 +331,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
//
exports.default = {
name: 'md-snackbar',
props: {
id: [String, Number],
mdPosition: {
@ -374,20 +411,18 @@ exports.default = {
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');
var removeElement = function removeElement() {
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
window.clearTimeout(_this.closeTimeout);
_this.pendingDuration = _this.mdDuration;
})();
_this.removeElement();
};
_manager2.default.current = null;
this.active = false;
this.$emit('close');
this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
window.clearTimeout(this.closeTimeout);
this.pendingDuration = this.mdDuration;
}
},
pauseTimeout: function pauseTimeout() {
@ -419,39 +454,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 230:
/***/ 262:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 251:
/***/ 286:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
/***/ }),
/***/ 309:
/***/ 349:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(230)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(262)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(171),
__webpack_require__(179),
/* template */
__webpack_require__(390),
__webpack_require__(440),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -465,6 +503,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-b6cb8878", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -472,7 +513,25 @@ module.exports = Component.exports
/***/ }),
/***/ 39:
/***/ 36:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var uniqueId = function uniqueId() {
return Math.random().toString(36).slice(4);
};
exports.default = uniqueId;
module.exports = exports["default"];
/***/ }),
/***/ 41:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -502,7 +561,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 390:
/***/ 440:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -533,37 +592,19 @@ if (false) {
/***/ }),
/***/ 395:
/***/ 445:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_395__;
module.exports = __WEBPACK_EXTERNAL_MODULE_445__;
/***/ }),
/***/ 418:
/***/ 470:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(111);
module.exports = __webpack_require__(103);
/***/ }),
/***/ 48:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var uniqueId = function uniqueId() {
return Math.random().toString(36).slice(4);
};
exports.default = uniqueId;
module.exports = exports["default"];
/***/ })
/******/ });

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

File diff suppressed because one or more lines are too long

169
dist/components/mdSpeedDial/index.css vendored
View file

@ -1,5 +1,164 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-speed-dial{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:center;align-items:center}.md-speed-dial.md-direction-top.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(0,80%,0)}.md-speed-dial.md-direction-top [md-fab-trigger]{margin-top:8px}.md-speed-dial.md-direction-top [md-fab-trigger]~.md-button{margin-bottom:16px}.md-speed-dial.md-direction-right{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.md-speed-dial.md-direction-right.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(-80%,0,0)}.md-speed-dial.md-direction-right [md-fab-trigger]{margin-right:8px}.md-speed-dial.md-direction-right [md-fab-trigger]~.md-button{margin-left:16px}.md-speed-dial.md-direction-bottom{-ms-flex-direction:column;flex-direction:column}.md-speed-dial.md-direction-bottom.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(0,-80%,0)}.md-speed-dial.md-direction-bottom [md-fab-trigger]{margin-bottom:8px}.md-speed-dial.md-direction-bottom [md-fab-trigger]~.md-button{margin-top:16px}.md-speed-dial.md-direction-left{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:center;justify-content:center}.md-speed-dial.md-direction-left.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(80%,0,0)}.md-speed-dial.md-direction-left [md-fab-trigger]{margin-left:8px}.md-speed-dial.md-direction-left [md-fab-trigger]~.md-button{margin-right:16px}.md-speed-dial.md-mode-scale [md-fab-trigger]~.md-button{transform:scale(.6)}.md-speed-dial.md-active [md-fab-trigger]~.md-button{opacity:1;pointer-events:auto;transform:translate3D(0,0,0)!important}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(2){transition-delay:.05s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(3){transition-delay:.1s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(4){transition-delay:.15s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(5){transition-delay:.2s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(6){transition-delay:.25s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(7){transition-delay:.3s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(8){transition-delay:.35s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(9){transition-delay:.4s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(10){transition-delay:.45s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(11){transition-delay:.5s}.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph]{transform:rotate(0);opacity:1}.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph]+.md-icon{transform:rotate(90deg) scale(.8);opacity:0}.md-speed-dial .md-button{margin:0}.md-speed-dial [md-fab-trigger]{position:relative;z-index:2}.md-speed-dial [md-fab-trigger]~.md-button{position:relative;z-index:1;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(2){transition-delay:.05s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(3){transition-delay:.1s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(4){transition-delay:.15s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(5){transition-delay:.2s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(6){transition-delay:.25s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(7){transition-delay:.3s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(8){transition-delay:.35s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(9){transition-delay:.4s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(10){transition-delay:.45s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(11){transition-delay:.5s}.md-speed-dial [md-icon-morph],.md-speed-dial [md-icon-morph]+.md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-speed-dial [md-icon-morph]{opacity:0;transform:rotate(-90deg) scale(.8)}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
.md-speed-dial {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: center;
align-items: center;
}
.md-speed-dial.md-direction-top.md-mode-fling [md-fab-trigger] ~ .md-button {
transform: scale(0.95) translate3D(0, 80%, 0);
}
.md-speed-dial.md-direction-top [md-fab-trigger] {
margin-top: 8px;
}
.md-speed-dial.md-direction-top [md-fab-trigger] ~ .md-button {
margin-bottom: 16px;
}
.md-speed-dial.md-direction-right {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
}
.md-speed-dial.md-direction-right.md-mode-fling [md-fab-trigger] ~ .md-button {
transform: scale(0.95) translate3D(-80%, 0, 0);
}
.md-speed-dial.md-direction-right [md-fab-trigger] {
margin-right: 8px;
}
.md-speed-dial.md-direction-right [md-fab-trigger] ~ .md-button {
margin-left: 16px;
}
.md-speed-dial.md-direction-bottom {
-ms-flex-direction: column;
flex-direction: column;
}
.md-speed-dial.md-direction-bottom.md-mode-fling [md-fab-trigger] ~ .md-button {
transform: scale(0.95) translate3D(0, -80%, 0);
}
.md-speed-dial.md-direction-bottom [md-fab-trigger] {
margin-bottom: 8px;
}
.md-speed-dial.md-direction-bottom [md-fab-trigger] ~ .md-button {
margin-top: 16px;
}
.md-speed-dial.md-direction-left {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: center;
justify-content: center;
}
.md-speed-dial.md-direction-left.md-mode-fling [md-fab-trigger] ~ .md-button {
transform: scale(0.95) translate3D(80%, 0, 0);
}
.md-speed-dial.md-direction-left [md-fab-trigger] {
margin-left: 8px;
}
.md-speed-dial.md-direction-left [md-fab-trigger] ~ .md-button {
margin-right: 16px;
}
.md-speed-dial.md-mode-scale [md-fab-trigger] ~ .md-button {
transform: scale(0.6);
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button {
opacity: 1;
pointer-events: auto;
transform: translate3D(0, 0, 0) !important;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(2) {
transition-delay: 0.05s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(3) {
transition-delay: 0.1s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(4) {
transition-delay: 0.15s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(5) {
transition-delay: 0.2s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(6) {
transition-delay: 0.25s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(7) {
transition-delay: 0.3s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(8) {
transition-delay: 0.35s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(9) {
transition-delay: 0.4s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(10) {
transition-delay: 0.45s;
}
.md-speed-dial.md-active [md-fab-trigger] ~ .md-button:nth-child(11) {
transition-delay: 0.5s;
}
.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph] {
transform: rotateZ(0);
opacity: 1;
}
.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph] + .md-icon {
transform: rotateZ(90deg) scale(0.8);
opacity: 0;
}
.md-speed-dial .md-button {
margin: 0;
}
.md-speed-dial [md-fab-trigger] {
position: relative;
z-index: 2;
}
.md-speed-dial [md-fab-trigger] ~ .md-button {
position: relative;
z-index: 1;
opacity: 0;
pointer-events: none;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(2) {
transition-delay: 0.05s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(3) {
transition-delay: 0.1s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(4) {
transition-delay: 0.15s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(5) {
transition-delay: 0.2s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(6) {
transition-delay: 0.25s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(7) {
transition-delay: 0.3s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(8) {
transition-delay: 0.35s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(9) {
transition-delay: 0.4s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(10) {
transition-delay: 0.45s;
}
.md-speed-dial [md-fab-trigger] ~ .md-button:nth-last-child(11) {
transition-delay: 0.5s;
}
.md-speed-dial [md-icon-morph] + .md-icon,
.md-speed-dial [md-icon-morph] {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-speed-dial [md-icon-morph] {
opacity: 0;
transform: rotateZ(-90deg) scale(0.8);
}
/*# sourceMappingURL=index.css.map*/

177
dist/components/mdSpeedDial/index.debug.js vendored
View file

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 419);
/******/ return __webpack_require__(__webpack_require__.s = 471);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 112:
/***/ 104:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -205,11 +241,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdSpeedDial = __webpack_require__(310);
var _mdSpeedDial = __webpack_require__(350);
var _mdSpeedDial2 = _interopRequireDefault(_mdSpeedDial);
var _mdSpeedDial3 = __webpack_require__(252);
var _mdSpeedDial3 = __webpack_require__(287);
var _mdSpeedDial4 = _interopRequireDefault(_mdSpeedDial3);
@ -224,7 +260,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 172:
/***/ 180:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -241,6 +277,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-speed-dial',
props: {
mdOpen: {
type: String,
@ -301,7 +338,7 @@ exports.default = {
_this2.fabTrigger.addEventListener('click', _this2.toggleSpeedDial);
} else {
_this2.$el.addEventListener('mouseenter', _this2.toggleSpeedDial);
_this2.$el.addEventListener('mouseleave', _this2.toggleSpeedDial);
_this2.$el.addEventListener('mouseleave', _this2.closeSpeedDial);
}
}));
},
@ -322,39 +359,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 216:
/***/ 247:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 252:
/***/ 287:
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/***/ 310:
/***/ 350:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(216)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(247)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(172),
__webpack_require__(180),
/* template */
__webpack_require__(365),
__webpack_require__(413),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSpeedDial/mdSpeedDial.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSpeedDial/mdSpeedDial.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdSpeedDial.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -368,6 +408,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-50d48906", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -375,7 +418,7 @@ module.exports = Component.exports
/***/ }),
/***/ 365:
/***/ 413:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -394,10 +437,10 @@ if (false) {
/***/ }),
/***/ 419:
/***/ 471:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(112);
module.exports = __webpack_require__(104);
/***/ })

4
dist/components/mdSpeedDial/index.js vendored
View file

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=419)})({0:function(e,t){e.exports=function(e,t,n,r){var i,o=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(i=e,o=e.default);var u="function"==typeof o?o.options:o;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),r){var d=u.computed||(u.computed={});Object.keys(r).forEach((function(e){var t=r[e];d[e]=function(){return t}}))}return{esModule:i,exports:o,options:u}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},112:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-speed-dial",s.default),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(310),s=r(o),u=n(252),d=r(u);e.exports=t.default},172:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i);t.default={props:{mdOpen:{type:String,default:"click"},mdMode:{type:String,default:"fling"},mdDirection:{type:String,default:"top"}},mixins:[o.default],data:function(){return{fabTrigger:null,active:!1}},computed:{classes:function e(){var e={"md-active":this.active};return e["md-mode-"+this.mdMode]=!0,e["md-direction-"+this.mdDirection]=!0,e}},methods:{closeSpeedDial:function(e){!e.target!==this.fabTrigger&&this.fabTrigger.contains(e.target)||(this.active=!1,document.body.removeEventListener("click",this.closeSpeedDial))},toggleSpeedDial:function(){var e=this;this.active=!this.active,window.setTimeout((function(){document.body.addEventListener("click",e.closeSpeedDial)}),50)}},mounted:function(){var e=this;this.$nextTick((function(){e.fabTrigger=e.$el.querySelector("[md-fab-trigger]"),"click"===e.mdOpen?e.fabTrigger.addEventListener("click",e.toggleSpeedDial):(e.$el.addEventListener("mouseenter",e.toggleSpeedDial),e.$el.addEventListener("mouseleave",e.toggleSpeedDial))}))},beforeDestroy:function(){this.fabTrigger.removeEventListener("click",this.toggleSpeedDial),document.body.removeEventListener("click",this.closeSpeedDial)}},e.exports=t.default},216:function(e,t){},252:function(e,t){e.exports=""},310:function(e,t,n){n(216);var r=n(0)(n(172),n(365),null,null);e.exports=r.exports},365:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-speed-dial",class:[e.themeClass,e.classes]},[e._t("default")],2)},staticRenderFns:[]}},419:function(e,t,n){e.exports=n(112)}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=470)})({0:function(e,t){e.exports=function(e,t,n,r,i){var o,s=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,s=e.default);var a="function"==typeof s?s.options:s;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r);var d;if(i?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},a._ssrRegister=d):n&&(d=n),d){var c=a.functional,l=c?a.render:a.beforeCreate;c?a.render=function(e,t){return d.call(t),l(e,t)}:a.beforeCreate=l?[].concat(l,d):[d]}return{esModule:o,exports:s,options:a}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},104:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-speed-dial",s.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(349),s=r(o),u=n(286),a=r(u);e.exports=t.default},180:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i);t.default={name:"md-speed-dial",props:{mdOpen:{type:String,default:"click"},mdMode:{type:String,default:"fling"},mdDirection:{type:String,default:"top"}},mixins:[o.default],data:function(){return{fabTrigger:null,active:!1}},computed:{classes:function e(){var e={"md-active":this.active};return e["md-mode-"+this.mdMode]=!0,e["md-direction-"+this.mdDirection]=!0,e}},methods:{closeSpeedDial:function(e){!e.target!==this.fabTrigger&&this.fabTrigger.contains(e.target)||(this.active=!1,document.body.removeEventListener("click",this.closeSpeedDial))},toggleSpeedDial:function(){var e=this;this.active=!this.active,window.setTimeout((function(){document.body.addEventListener("click",e.closeSpeedDial)}),50)}},mounted:function(){var e=this;this.$nextTick((function(){e.fabTrigger=e.$el.querySelector("[md-fab-trigger]"),"click"===e.mdOpen?e.fabTrigger.addEventListener("click",e.toggleSpeedDial):(e.$el.addEventListener("mouseenter",e.toggleSpeedDial),e.$el.addEventListener("mouseleave",e.closeSpeedDial))}))},beforeDestroy:function(){this.fabTrigger.removeEventListener("click",this.toggleSpeedDial),document.body.removeEventListener("click",this.closeSpeedDial)}},e.exports=t.default},247:function(e,t){},286:function(e,t){e.exports=""},349:function(e,t,n){function r(e){n(247)}var i=n(0)(n(180),n(412),r,null,null);e.exports=i.exports},412:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-speed-dial",class:[e.themeClass,e.classes]},[e._t("default")],2)},staticRenderFns:[]}},470:function(e,t,n){e.exports=n(104)}})}));

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

@ -1,5 +1,81 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-spinner{display:inline-block;position:relative;pointer-events:none;will-change:transform,opacity}.md-spinner.md-indeterminate .md-spinner-draw{animation:a 1.9s linear infinite;transform:rotate(0deg) translateZ(0)}.md-spinner.md-indeterminate .md-spinner-path{stroke-dasharray:2,200;animation:c 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:b 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 a{to{transform:rotate(1turn) translateZ(0)}}@keyframes b{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes c{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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 420);
/******/ return __webpack_require__(__webpack_require__.s = 472);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 113:
/***/ 105:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -205,11 +241,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdSpinner = __webpack_require__(311);
var _mdSpinner = __webpack_require__(351);
var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
var _mdSpinner3 = __webpack_require__(253);
var _mdSpinner3 = __webpack_require__(288);
var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
@ -224,7 +260,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 173:
/***/ 181:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -241,6 +277,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-spinner',
props: {
mdSize: {
type: Number,
@ -302,39 +339,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 204:
/***/ 233:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 253:
/***/ 288:
/***/ (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"
/***/ }),
/***/ 311:
/***/ 351:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(204)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(233)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(173),
__webpack_require__(181),
/* template */
__webpack_require__(340),
__webpack_require__(383),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSpinner/mdSpinner.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSpinner/mdSpinner.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdSpinner.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -348,6 +388,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-15aaf96c", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -355,7 +398,7 @@ module.exports = Component.exports
/***/ }),
/***/ 340:
/***/ 383:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -394,10 +437,10 @@ if (false) {
/***/ }),
/***/ 420:
/***/ 472:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(113);
module.exports = __webpack_require__(105);
/***/ })

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=420)})({0:function(e,t){e.exports=function(e,t,n,r){var s,o=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(s=e,o=e.default);var u="function"==typeof o?o.options:o;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),r){var a=u.computed||(u.computed={});Object.keys(r).forEach((function(e){var t=r[e];a[e]=function(){return t}}))}return{esModule:s,exports:o,options:u}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},113:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",i.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(311),i=r(o),u=n(253),a=r(u);e.exports=t.default},173:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[o.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},204:function(e,t){},253:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},311:function(e,t,n){n(204);var r=n(0)(n(173),n(340),null,null);e.exports=r.exports},340:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"md-spinner",appear:""}},[n("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[n("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[n("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}},420:function(e,t,n){e.exports=n(113)}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=471)})({0:function(e,t){e.exports=function(e,t,n,r,s){var o,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(o=e,i=e.default);var u="function"==typeof i?i.options:i;t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),r&&(u._scopeId=r);var d;if(s?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},u._ssrRegister=d):n&&(d=n),d){var c=u.functional,f=c?u.render:u.beforeCreate;c?u.render=function(e,t){return d.call(t),f(e,t)}:u.beforeCreate=f?[].concat(f,d):[d]}return{esModule:o,exports:i,options:u}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},105:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",i.default),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(350),i=r(o),a=n(287),u=r(a);e.exports=t.default},181:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s);t.default={name:"md-spinner",props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[o.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},233:function(e,t){},287:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},350:function(e,t,n){function r(e){n(233)}var s=n(0)(n(181),n(382),r,null,null);e.exports=s.exports},382:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"md-spinner",appear:""}},[n("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[n("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[n("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}},471:function(e,t,n){e.exports=n(105)}})}));

173
dist/components/mdStepper/index.css vendored Normal file
View file

@ -0,0 +1,173 @@
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* Image aspect ratio calculator */
/* Responsive breakpoints */
.md-stepper {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
width: 100%;
}
.md-stepper .md-step-header {
background: none;
border: 0;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: inherit;
font-size: 12px;
font-weight: 500;
margin: 0;
max-height: 72px;
padding: 24px;
position: relative;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-stepper .md-step-header .md-step-icons, .md-stepper .md-step-header .md-step-titles {
display: inline-block;
vertical-align: middle;
}
.md-stepper .md-step-header.md-has-sub-message {
padding: 15px 24px;
}
.md-stepper .md-step-header.md-has-sub-message .md-step-title {
margin-bottom: -4px;
}
.md-stepper .md-step-header .md-step-icon {
border-radius: 50%;
font-size: 12px;
height: 24px;
line-height: 24px;
margin-right: 8px;
min-width: 24px;
padding: 0px 6px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 24px;
}
.md-stepper .md-step-header .md-step-number {
border-radius: 50%;
display: inline-block;
font-size: 12px;
margin-right: 8px;
width: 24px;
}
.md-stepper .md-step-header .md-step-number span {
display: block;
line-height: 24px;
text-align: center;
}
.md-stepper .md-step-header .md-step-title {
font-size: inherit;
}
.md-stepper .md-step-header.md-disabled {
cursor: default;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.md-stepper .md-steps-navigation {
display: -ms-flexbox;
display: flex;
height: 72px;
min-height: 72px;
overflow: hidden;
position: relative;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 1;
}
.md-stepper .md-steps-navigation.md-alternate-labels {
height: 104px;
min-height: 104px;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container .md-divider {
margin: 36px 0;
position: relative;
width: 100%;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels {
max-height: 104px;
text-align: center;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels.md-has-sub-message {
padding: 24px;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-icon {
padding: 0;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-icons, .md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-titles {
display: block;
}
.md-stepper .md-steps-navigation .md-steps-navigation-container .md-step-header.md-alternate-labels .md-step-titles {
margin-top: 10px;
}
.md-stepper .md-steps-container {
height: 0;
overflow: hidden;
position: relative;
width: 100%;
}
.md-stepper .md-steps-container .md-steps-wrapper {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: translate3d(0, 0, 0);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
width: 9999em;
}
.md-stepper .md-steps-container .md-steps-wrapper .md-step {
left: 0;
padding: 16px;
position: absolute;
right: 0;
top: 0;
}
.md-stepper .md-steps-container .md-steps-wrapper .md-step .md-step-content {
padding: 16px;
font-size: 14px;
line-height: 22px;
}
.md-stepper .md-steps-container .md-steps-wrapper .md-step .md-step-content:last-child {
padding-bottom: 24px;
}
.md-stepper .md-steps-vertical-container .md-step .md-step-header {
padding-bottom: 8px;
}
.md-stepper .md-steps-vertical-container .md-step:not(:first-of-type) .md-step-header {
padding-top: 8px;
}
.md-stepper .md-steps-vertical-container .md-step .md-step-content {
margin: 0 24px 0 34px;
padding-bottom: 32px;
padding-left: 24px;
padding-top: 8px;
}
.md-stepper .md-steps-vertical-container .md-step:not(:last-of-type) .md-step-content {
border-left: 1px solid #BDBDBD;
}
@media (min-width: 660px) {
.md-stepper .md-steps-navigation .md-steps-navigation-container {
margin-bottom: -15px;
}
}
/*# sourceMappingURL=index.css.map*/

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

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

1796
dist/components/mdStepper/index.debug.js vendored Normal file
View file

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -1,5 +1,19 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.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*/

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 421);
/******/ return __webpack_require__(__webpack_require__.s = 474);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 114:
/***/ 107:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -205,11 +241,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdSubheader = __webpack_require__(312);
var _mdSubheader = __webpack_require__(355);
var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
var _mdSubheader3 = __webpack_require__(254);
var _mdSubheader3 = __webpack_require__(290);
var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
@ -224,7 +260,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 174:
/***/ 185:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -241,6 +277,7 @@ var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
name: 'md-subheader',
mixins: [_mixin2.default]
}; //
//
@ -259,39 +296,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 222:
/***/ 253:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 254:
/***/ 290:
/***/ (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"
/***/ }),
/***/ 312:
/***/ 355:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(222)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(253)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(174),
__webpack_require__(185),
/* template */
__webpack_require__(379),
__webpack_require__(428),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSubheader/mdSubheader.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSubheader/mdSubheader.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdSubheader.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -305,6 +345,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-6c68ea1c", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -312,7 +355,7 @@ module.exports = Component.exports
/***/ }),
/***/ 379:
/***/ 428:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -334,10 +377,10 @@ if (false) {
/***/ }),
/***/ 421:
/***/ 474:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(114);
module.exports = __webpack_require__(107);
/***/ })

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.7.1
* Vue Material v0.7.2
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=421)})({0:function(e,t){e.exports=function(e,t,n,r){var o,s=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,s=e.default);var a="function"==typeof s?s.options:s;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n),r){var i=a.computed||(a.computed={});Object.keys(r).forEach((function(e){var t=r[e];i[e]=function(){return t}}))}return{esModule:o,exports:s,options:a}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},114:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-subheader",u.default),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(312),u=r(s),a=n(254),i=r(a);e.exports=t.default},174: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},222:function(e,t){},254: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"},312:function(e,t,n){n(222);var r=n(0)(n(174),n(379),null,null);e.exports=r.exports},379:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?n("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):n("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},421:function(e,t,n){e.exports=n(114)}})}));
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=473)})({0:function(e,t){e.exports=function(e,t,n,r,o){var u,s=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(u=e,s=e.default);var a="function"==typeof s?s.options:s;t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},a._ssrRegister=d):n&&(d=n),d){var f=a.functional,c=f?a.render:a.beforeCreate;f?a.render=function(e,t){return d.call(t),c(e,t)}:a.beforeCreate=c?[].concat(c,d):[d]}return{esModule:u,exports:s,options:a}}},1:function(e,t,n){"use strict";function r(e){if(!e)return null;var t=e.mdTheme;return t||"md-theme"!==e.$options._componentTag||(t=e.mdName),t||r(e.$parent)}Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},computed:{mdEffectiveTheme:function(){return r(this)||this.$material.currentTheme},themeClass:function(){return this.$material.prefix+this.mdEffectiveTheme}},watch:{mdTheme:function(e){this.$material.useTheme(e)}},beforeMount:function(){var e=this.mdTheme;this.$material.useTheme(e?e:"default")}},e.exports=t.default},107:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-subheader",s.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(354),s=r(u),i=n(289),a=r(i);e.exports=t.default},185: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),u=r(o);t.default={name:"md-subheader",mixins:[u.default]},e.exports=t.default},253:function(e,t){},289: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"},354:function(e,t,n){function r(e){n(253)}var o=n(0)(n(185),n(427),r,null,null);e.exports=o.exports},427:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?n("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):n("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},473:function(e,t,n){e.exports=n(107)}})}));

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

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

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

@ -73,7 +73,7 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ __webpack_require__.p = "/";
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 422);
/******/ return __webpack_require__(__webpack_require__.s = 475);
/******/ })
/************************************************************************/
/******/ ({
@ -81,11 +81,17 @@ return /******/ (function(modules) { // webpackBootstrap
/***/ 0:
/***/ (function(module, exports) {
/* globals __VUE_SSR_CONTEXT__ */
// this module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
injectStyles,
scopeId,
cssModules
moduleIdentifier /* server only */
) {
var esModule
var scriptExports = rawScriptExports = rawScriptExports || {}
@ -113,13 +119,51 @@ module.exports = function normalizeComponent (
options._scopeId = scopeId
}
// inject cssModules
if (cssModules) {
var computed = options.computed || (options.computed = {})
Object.keys(cssModules).forEach((function (key) {
var module = cssModules[key]
computed[key] = function () { return module }
}))
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = injectStyles
}
if (hook) {
var functional = options.functional
var existing = functional
? options.render
: options.beforeCreate
if (!functional) {
// inject component registration as beforeCreate hook
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
} else {
// register for functioal component in vue file
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return existing(h, context)
}
}
}
return {
@ -141,60 +185,52 @@ module.exports = function normalizeComponent (
Object.defineProperty(exports, "__esModule", {
value: true
});
// Theme mixin
// Grab the closest ancestor component's `md-theme` attribute OR grab the
// `md-name` attribute from an `<md-theme>` component.
function getAncestorThemeName(component) {
if (!component) {
return null;
}
var name = component.mdTheme;
if (!name && component.$options._componentTag === 'md-theme') {
name = component.mdName;
}
return name || getAncestorThemeName(component.$parent);
}
exports.default = {
props: {
mdTheme: String
},
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: {
mdEffectiveTheme: function mdEffectiveTheme() {
return getAncestorThemeName(this) || this.$material.currentTheme;
},
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;
return this.$material.prefix + this.mdEffectiveTheme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
watch: {
mdTheme: function mdTheme(value) {
this.$material.useTheme(value);
}
},
beforeMount: function beforeMount() {
var localTheme = this.mdTheme;
this.$material.useTheme(localTheme ? localTheme : 'default');
}
};
module.exports = exports['default'];
/***/ }),
/***/ 115:
/***/ 108:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -205,11 +241,11 @@ Object.defineProperty(exports, "__esModule", {
});
exports.default = install;
var _mdSwitch = __webpack_require__(313);
var _mdSwitch = __webpack_require__(356);
var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
var _mdSwitch3 = __webpack_require__(255);
var _mdSwitch3 = __webpack_require__(291);
var _mdSwitch4 = _interopRequireDefault(_mdSwitch3);
@ -224,7 +260,7 @@ module.exports = exports['default'];
/***/ }),
/***/ 175:
/***/ 186:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
@ -262,6 +298,7 @@ var checkedPosition = 75; //
var initialPosition = '-1px';
exports.default = {
name: 'md-switch',
props: {
name: String,
value: Boolean,
@ -276,14 +313,14 @@ exports.default = {
data: function data() {
return {
leftPos: initialPosition,
checked: this.value
checked: Boolean(this.value)
};
},
computed: {
classes: function classes() {
return {
'md-checked': Boolean(this.value),
'md-checked': this.checked,
'md-disabled': this.disabled
};
},
@ -307,7 +344,7 @@ exports.default = {
},
changeState: function changeState(checked, $event) {
if (typeof $event !== 'undefined') {
this.$emit('change', $event);
this.$emit('change', checked, $event);
if (!$event.defaultPrevented) {
this.checked = checked;
@ -331,39 +368,42 @@ module.exports = exports['default'];
/***/ }),
/***/ 224:
/***/ 255:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 255:
/***/ 291:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-switch.md-checked .md-switch-container {\n background-color: ACCENT-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked .md-switch-thumb {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-switch.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-switch.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-switch-container {\n background-color: PRIMARY-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-switch-container {\n background-color: WARN-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb {\n background-color: WARN-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-switch.md-disabled .md-switch-container, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container {\n background-color: rgba(0, 0, 0, 0.12); }\n\n.THEME_NAME.md-switch.md-disabled .md-switch-thumb, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb {\n background-color: #bdbdbd; }\n"
/***/ }),
/***/ 313:
/***/ 356:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(224)
var disposed = false
function injectStyle (ssrContext) {
if (disposed) return
__webpack_require__(255)
}
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(175),
__webpack_require__(186),
/* template */
__webpack_require__(383),
__webpack_require__(432),
/* styles */
injectStyle,
/* scopeId */
null,
/* cssModules */
/* moduleIdentifier (server only) */
null
)
Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSwitch/mdSwitch.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
Component.options.__file = "/Users/pablohpsilva/Code/vue-material/src/components/mdSwitch/mdSwitch.vue"
if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key.substr(0, 2) !== "__"}))) {console.error("named exports are not supported in *.vue files.")}
if (Component.options.functional) {console.error("[vue-loader] mdSwitch.vue: functional components are not supported with templates, they should use render functions.")}
/* hot reload */
@ -377,6 +417,9 @@ if (false) {(function () {
} else {
hotAPI.reload("data-v-7c623fe4", Component.options)
}
module.hot.dispose((function (data) {
disposed = true
}))
})()}
module.exports = Component.exports
@ -384,7 +427,7 @@ module.exports = Component.exports
/***/ }),
/***/ 383:
/***/ 432:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@ -406,7 +449,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
"disabled": _vm.disabled,
"tabindex": "-1"
},
domProps: {
"value": _vm.value
@ -437,10 +481,10 @@ if (false) {
/***/ }),
/***/ 422:
/***/ 475:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(115);
module.exports = __webpack_require__(108);
/***/ })

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

File diff suppressed because one or more lines are too long

337
dist/components/mdTable/index.css vendored
View file

File diff suppressed because one or more lines are too long

2222
dist/components/mdTable/index.debug.js vendored
View file

File diff suppressed because it is too large Load diff

4
dist/components/mdTable/index.js vendored
View file

File diff suppressed because one or more lines are too long

180
dist/components/mdTabs/index.css vendored
View file

@ -1,5 +1,175 @@
/*!
* Vue Material v0.7.1
* Made with love by Marcos Moura
* Released under the MIT License.
*/.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-transition-off *{transition:none!important}.md-tabs.md-dynamic-height .md-tabs-content{transition:height .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;position:relative;z-index:1;display:-ms-flexbox;display:flex;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label{min-height:72px}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon{margin-bottom:10px}.md-tabs .md-tabs-navigation.md-centered{-ms-flex-pack:center;justify-content:center}.md-tabs .md-tabs-navigation.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation.md-right{-ms-flex-pack:end;justify-content:flex-end}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;position:relative;cursor:pointer;border:0;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);font-family:inherit;font-size:14px;font-weight:500;text-transform:uppercase}.md-tabs .md-tab-header.md-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.md-tabs .md-tab-header-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.md-tabs .md-tab-header-container .md-icon{margin:0}.md-tabs .md-tab-indicator{height:2px;position:absolute;bottom:0;left:0;transform:translate3D(0,0,0)}.md-tabs .md-tab-indicator.md-transition-off{transition:none!important}.md-tabs .md-tab-indicator.md-to-right{transition:all .4s cubic-bezier(.25,.8,.25,1),left .3s cubic-bezier(.35,0,.25,1),right .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tab-indicator.md-to-left{transition:all .4s cubic-bezier(.25,.8,.25,1),right .3s cubic-bezier(.35,0,.25,1),left .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden}.md-tabs .md-tabs-wrapper{width:9999em;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab{padding:16px;position:absolute;top:0;left:0;right:0}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* Image aspect ratio calculator */
/* Responsive breakpoints */
.md-tabs {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
}
.md-tabs.md-transition-off * {
transition: none !important;
}
.md-tabs.md-dynamic-height .md-tabs-content {
transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-tabs .md-tabs-navigation {
height: 48px;
min-height: 48px;
position: relative;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
overflow: hidden;
}
.md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tab-header-navigation-button.md-left {
-ms-flex-order: 1;
order: 1;
}
.md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tabs-navigation-container {
-ms-flex-order: 2;
order: 2;
}
.md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tab-header-navigation-button.md-right {
-ms-flex-order: 3;
order: 3;
}
.md-tabs .md-tabs-navigation.md-has-icon.md-has-label {
min-height: 72px;
}
.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon {
margin-bottom: 10px;
}
.md-tabs .md-tabs-navigation.md-centered {
-ms-flex-pack: center;
justify-content: center;
}
.md-tabs .md-tabs-navigation.md-fixed .md-tabs-navigation-container,
.md-tabs .md-tabs-navigation.md-fixed .md-tabs-navigation-scroll-container {
-ms-flex: 1;
flex: 1;
}
.md-tabs .md-tabs-navigation.md-fixed .md-tab-header {
-ms-flex: 1;
flex: 1;
max-width: none;
}
.md-tabs .md-tabs-navigation.md-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.md-tabs .md-tabs-navigation-container {
display: -ms-flexbox;
display: flex;
overflow-x: auto;
}
.md-tabs .md-tabs-navigation-scroll-container {
display: -ms-flexbox;
display: flex;
}
.md-tabs .md-tab-header {
min-width: 72px;
max-width: 264px;
margin: 0;
padding: 0 12px;
position: relative;
cursor: pointer;
border: 0;
background: none;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
font-family: inherit;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.md-tabs .md-tab-header.md-disabled {
cursor: default;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
.md-tabs .md-tab-header-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.md-tabs .md-tab-header-container .md-icon {
margin: 0;
}
.md-tabs .md-tab-indicator {
height: 2px;
position: absolute;
bottom: 0;
left: 0;
transform: translate3D(0, 0, 0);
}
.md-tabs .md-tab-indicator.md-transition-off {
transition: none !important;
}
.md-tabs .md-tab-indicator.md-to-right {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-tabs .md-tab-indicator.md-to-left {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-tabs .md-tab-header-navigation-button {
border: none;
height: 100%;
cursor: pointer;
position: relative;
}
.md-tabs .md-tab-header-navigation-button.md-left {
left: 0;
}
.md-tabs .md-tab-header-navigation-button.md-right {
right: 0;
}
.md-tabs .md-tab-header-navigation-button.md-disabled {
pointer-events: none;
opacity: .4;
}
.md-tabs .md-tabs-content {
width: 100%;
height: 0;
position: relative;
overflow: hidden;
}
.md-tabs .md-tabs-wrapper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translate3d(0, 0, 0);
transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-tabs .md-tab {
padding: 16px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
@media (min-width: 660px) {
.md-tabs .md-tabs-navigation.md-has-navigation-scroll .md-tabs-navigation-container {
margin-bottom: -15px;
}
}
/*# sourceMappingURL=index.css.map*/

1351
dist/components/mdTabs/index.debug.js vendored
View file

File diff suppressed because it is too large Load diff

4
dist/components/mdTabs/index.js vendored
View file

File diff suppressed because one or more lines are too long

121
dist/components/mdToolbar/index.css vendored
View file

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

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