Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-14 10:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge branch 'develop' of https://github.com/marcosmoura/vue-material into develop

Browse source 
* 'develop' of https://github.com/marcosmoura/vue-material: (47 commits)
  fix regression of @click handler #454
  [build] 0.7.0
  add speed dial code examples
  [release] 0.7.0
  [build] 0.7.0
  fix min-width media queries
  remove chunk name
  update supported browsers
  update supported browsers
  upgrade to webpack 2
  start integration with webpack 2
  add styles for input inside toolbar #395
  rename method
  remove custom click bindings
  apply theme-color based on primary theme color
  remove unnecessary Vue.extend on component definition
  deprecated click bubble
  normalize mobile and desktop events on ripple
  prevent ripple from getting undefined when ripple elements doesnt exists
  allow preventDefault in md-switch (#435)
  ...
This commit is contained in:
Marcos Moura 2017-02-08 19:07:47 -02:00
commit 1f9475e612
2128 changed files with 52811 additions and 31900 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
README.md
View file

@ -88,12 +88,12 @@ Please make sure to read the [Contributing Guide](https://github.com/marcosmoura
## Browser Support
Vue Material supports the latest version of all Browsers. This means:
* Google Chrome 50+
* Google Chrome 52+
* Firefox 48+
* Safari 9+
* Opera 40+
* Opera 38+
* Edge 12+
* IE 11
* Edge
<small>May work in other browsers but it's untested.</small>

2
build/webpack/dev.js
View file

@ -10,7 +10,7 @@ Object.keys(baseWebpackConfig.entry).forEach((name) => {
});
export default merge(baseWebpackConfig, {
devtool: '#eval-source-map',
devtool: 'cheap-module-eval-source-map',
module: {
rules: [
{

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,224 +43,297 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 397);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(72);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 72:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdAvatar = __webpack_require__(248);
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
var _mdAvatar3 = __webpack_require__(222);
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-avatar', Vue.extend(_mdAvatar2.default));
Vue.material.styles.push(_mdAvatar4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 110:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_mixin2.default]
}; //
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 195:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 222:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n color: WARN-CONTRAST-0.99999; }\n"
/***/ },
/***/ 248:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(195)
/* script */
__vue_exports__ = __webpack_require__(110)
/* template */
var __vue_template__ = __webpack_require__(322)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-1cbfca0d", __vue_options__)
} else {
hotAPI.reload("data-v-1cbfca0d", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 322:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-avatar",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-1cbfca0d", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 131:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_mixin2.default]
}; //
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 215:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 233:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(215)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(131),
/* template */
__webpack_require__(364),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdAvatar.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-4fb5ecf8", Component.options)
} else {
hotAPI.reload("data-v-4fb5ecf8", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 364:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-avatar",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-4fb5ecf8", module.exports)
}
}
/***/ }),
/***/ 397:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(90);
/***/ }),
/***/ 90:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdAvatar = __webpack_require__(260);
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
var _mdAvatar3 = __webpack_require__(233);
var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-avatar', _mdAvatar2.default);
Vue.material.styles.push(_mdAvatar4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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(a){if(r[a])return r[a].exports;var n=r[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(72)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},72:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-avatar",e.extend(d.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(248),d=a(o),s=r(222),i=a(s);e.exports=t.default},110:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),o=a(n);t.default={mixins:[o.default]},e.exports=t.default},195:function(e,t){},222: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"},248:function(e,t,r){var a,n;r(195),a=r(110);var o=r(322);n=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(n=a=a.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,e.exports=a},322:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(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}})}));

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,152 +43,224 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 398);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(73);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 73:
/***/ function(module, exports, __webpack_require__) {
/***/ 132:
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBackdrop = __webpack_require__(249);
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-backdrop', Vue.extend(_mdBackdrop2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 111:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
methods: {
close: function close() {
this.$emit('close');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 219:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 249:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(219)
/* script */
__vue_exports__ = __webpack_require__(111)
/* template */
var __vue_template__ = __webpack_require__(367)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-df1259a6", __vue_options__)
} else {
hotAPI.reload("data-v-df1259a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
/***/ 367:
/***/ function(module, exports, __webpack_require__) {
exports.default = {
methods: {
close: function close() {
this.$emit('close');
}
}
};
module.exports = exports['default'];
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-backdrop",
on: {
"click": _vm.close,
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-df1259a6", module.exports)
}
}
/***/ }),
/***/ }
/***/ 232:
/***/ (function(module, exports) {
/******/ })
}));
;
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 261:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(232)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(132),
/* template */
__webpack_require__(393),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdBackdrop.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-e09d01b8", Component.options)
} else {
hotAPI.reload("data-v-e09d01b8", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 393:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-backdrop",
on: {
"click": _vm.close,
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-e09d01b8", module.exports)
}
}
/***/ }),
/***/ 398:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(91);
/***/ }),
/***/ 91:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBackdrop = __webpack_require__(261);
var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-backdrop', _mdBackdrop2.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(73)},73:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",e.extend(c.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(249),c=n(u);e.exports=t.default},111:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},219:function(e,t){},249:function(e,t,o){var n,r;o(219),n=o(111);var u=o(367);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=n},367:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(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}})}));

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,420 +43,498 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 399);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(74);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 74:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBottomBar = __webpack_require__(250);
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
var _mdBottomBarItem = __webpack_require__(251);
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
var _mdBottomBar3 = __webpack_require__(223);
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-bottom-bar', Vue.extend(_mdBottomBar2.default));
Vue.component('md-bottom-bar-item', Vue.extend(_mdBottomBarItem2.default));
Vue.material.styles.push(_mdBottomBar4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 112:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdShift: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return this.mdShift ? 'md-shift' : 'md-fixed';
}
},
methods: {
setActive: function setActive(item) {
this.$children.forEach((function (child) {
child.active = child === item;
}));
this.$emit('change', this.$children.findIndex((function (i) {
return i === item;
})));
}
}
}; //
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 113:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdIcon: String,
mdActive: Boolean,
disabled: String,
href: String
},
data: function data() {
return {
active: false
};
},
computed: {
classes: function classes() {
return {
'md-active': this.active
};
}
},
watch: {
mdActive: function mdActive(active) {
this.setActive(active);
}
},
methods: {
setActive: function setActive(active) {
if (active) {
this.$parent.setActive(this);
}
}
},
mounted: function mounted() {
if (!this.$parent.$el.classList.contains('md-bottom-bar')) {
this.$destroy();
throw new Error('You should wrap the md-bottom-bar-item in a md-bottom-bar');
}
if (this.mdActive) {
this.active = true;
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 193:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 223:
/***/ 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"
/***/ },
/***/ 250:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(193)
/* script */
__vue_exports__ = __webpack_require__(112)
/* template */
var __vue_template__ = __webpack_require__(315)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-039c211e", __vue_options__)
} else {
hotAPI.reload("data-v-039c211e", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 251:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(113)
/* template */
var __vue_template__ = __webpack_require__(321)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-1c07f8a4", __vue_options__)
} else {
hotAPI.reload("data-v-1c07f8a4", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 315:
/***/ 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-bottom-bar",
class: [_vm.themeClass, _vm.classes]
}, [_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-039c211e", module.exports)
}
}
/***/ },
/***/ 321:
/***/ 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('a', {
staticClass: "md-bottom-bar-item",
class: _vm.classes,
attrs: {
"href": _vm.href,
"disabled": _vm.disabled
},
on: {
"click": _vm.setActive
}
}, [_c('md-icon', [_vm._v(_vm._s(_vm.mdIcon))]), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _c('span', {
staticClass: "md-text"
}, [_vm._t("default")], 2)], 1) : _c('button', {
staticClass: "md-bottom-bar-item",
class: _vm.classes,
attrs: {
"type": "button",
"disabled": _vm.disabled
},
on: {
"click": _vm.setActive
}
}, [_c('md-icon', [_vm._v(_vm._s(_vm.mdIcon))]), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _c('span', {
staticClass: "md-text"
}, [_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-1c07f8a4", module.exports)
}
}
/***/ }
/******/ })
}));
;
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 133:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdShift: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return this.mdShift ? 'md-shift' : 'md-fixed';
}
},
methods: {
setActive: function setActive(item) {
this.$children.forEach((function (child) {
child.active = child === item;
}));
this.$emit('change', this.$children.findIndex((function (i) {
return i === item;
})));
}
}
}; //
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 134:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdIcon: String,
mdIconSrc: String,
mdIconset: String,
mdActive: Boolean,
disabled: String,
href: String
},
data: function data() {
return {
active: false
};
},
computed: {
classes: function classes() {
return {
'md-active': this.active
};
}
},
watch: {
mdActive: function mdActive(active) {
this.setActive(active);
}
},
methods: {
setActive: function setActive(active) {
if (active) {
this.$parent.setActive(this);
}
}
},
mounted: function mounted() {
if (!this.$parent.$el.classList.contains('md-bottom-bar')) {
this.$destroy();
throw new Error('You should wrap the md-bottom-bar-item in a md-bottom-bar');
}
if (this.mdActive) {
this.active = true;
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 205:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 234:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(205)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(133),
/* template */
__webpack_require__(343),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdBottomBar.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-197179a8", Component.options)
} else {
hotAPI.reload("data-v-197179a8", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 263:
/***/ (function(module, exports, __webpack_require__) {
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(134),
/* template */
__webpack_require__(345),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdBottomBarItem.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-1b798f5b", Component.options)
} else {
hotAPI.reload("data-v-1b798f5b", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 343:
/***/ (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-bottom-bar",
class: [_vm.themeClass, _vm.classes]
}, [_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-197179a8", module.exports)
}
}
/***/ }),
/***/ 345:
/***/ (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('a', {
staticClass: "md-bottom-bar-item",
class: _vm.classes,
attrs: {
"href": _vm.href,
"disabled": _vm.disabled
},
on: {
"click": _vm.setActive
}
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
attrs: {
"md-icon-src": _vm.mdIconSrc,
"md-iconset": _vm.mdIconset
}
}, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _c('span', {
staticClass: "md-text"
}, [_vm._t("default")], 2)], 1) : _c('button', {
staticClass: "md-bottom-bar-item",
class: _vm.classes,
attrs: {
"type": "button",
"disabled": _vm.disabled
},
on: {
"click": _vm.setActive
}
}, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
attrs: {
"md-src": _vm.mdIconSrc,
"md-iconset": _vm.mdIconset
}
}, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _c('span', {
staticClass: "md-text"
}, [_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-1b798f5b", module.exports)
}
}
/***/ }),
/***/ 399:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(92);
/***/ }),
/***/ 92:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBottomBar = __webpack_require__(262);
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
var _mdBottomBarItem = __webpack_require__(263);
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
var _mdBottomBar3 = __webpack_require__(234);
var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-bottom-bar', _mdBottomBar2.default);
Vue.component('md-bottom-bar-item', _mdBottomBarItem2.default);
Vue.material.styles.push(_mdBottomBar4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

File diff suppressed because one or more lines are too long

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

@ -59,11 +59,11 @@
font-size: 13px;
}
.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
margin-top: 1px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
top: 1px;
right: 0;
bottom: 0;
left: 0;
}
.md-button.md-icon-button {
width: 40px;
@ -100,6 +100,7 @@
.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);
@ -112,44 +113,6 @@
.md-button.md-fab:hover, .md-button.md-fab:focus {
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
}
.md-button.md-fab.md-fab-top-left {
position: absolute;
top: 16px;
left: 16px;
z-index: 10;
}
.md-button.md-fab.md-fab-top-center {
position: absolute;
top: 16px;
left: 50%;
z-index: 10;
transform: translateX(-50%);
}
.md-button.md-fab.md-fab-top-right {
position: absolute;
top: 16px;
right: 16px;
z-index: 10;
}
.md-button.md-fab.md-fab-bottom-left {
position: absolute;
bottom: 16px;
left: 16px;
z-index: 10;
}
.md-button.md-fab.md-fab-bottom-center {
position: absolute;
bottom: 16px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.md-button.md-fab.md-fab-bottom-right {
position: absolute;
right: 16px;
bottom: 16px;
z-index: 10;
}
.md-button.md-fab.md-mini {
width: 40px;
height: 40px;
@ -161,6 +124,7 @@
.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);
@ -180,6 +144,49 @@
.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;
}

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,280 +43,343 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 400);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(75);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 75:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButton = __webpack_require__(252);
var _mdButton2 = _interopRequireDefault(_mdButton);
var _mdButton3 = __webpack_require__(224);
var _mdButton4 = _interopRequireDefault(_mdButton3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-button', Vue.extend(_mdButton2.default));
Vue.material.styles.push(_mdButton4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 114:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
href: String,
target: String,
rel: String,
type: {
type: String,
default: 'button'
},
disabled: Boolean
},
mixins: [_mixin2.default],
computed: {
newRel: function newRel() {
if (this.target === '_blank') {
return this.rel || 'noopener';
}
return this.rel;
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 212:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 224:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n color: BACKGROUND-CONTRAST;\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n background-color: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n background-color: WARN-COLOR;\n color: WARN-CONTRAST; }\n .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n color: WARN-COLOR; }\n"
/***/ },
/***/ 252:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(212)
/* script */
__vue_exports__ = __webpack_require__(114)
/* template */
var __vue_template__ = __webpack_require__(357)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButton/mdButton.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-9b3983a6", __vue_options__)
} else {
hotAPI.reload("data-v-9b3983a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 357:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (!_vm.href) ? _c('button', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
"type": _vm.type,
"disabled": _vm.disabled
},
on: {
"click": function($event) {
_vm.$emit('click', $event)
}
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
"href": _vm.href,
"disabled": _vm.disabled,
"target": _vm.target,
"rel": _vm.newRel
},
on: {
"click": function($event) {
_vm.$emit('click', $event)
}
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-9b3983a6", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 135:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
href: String,
target: String,
rel: String,
type: {
type: String,
default: 'button'
},
disabled: Boolean
},
mixins: [_mixin2.default],
computed: {
newRel: function newRel() {
if (this.target === '_blank') {
return this.rel || 'noopener';
}
return this.rel;
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 223:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 235:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(223)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(135),
/* template */
__webpack_require__(381),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdButton.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-6dc87da4", Component.options)
} else {
hotAPI.reload("data-v-6dc87da4", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 381:
/***/ (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', {
staticClass: "md-button",
class: [_vm.themeClass],
attrs: {
"href": _vm.href,
"disabled": _vm.disabled,
"target": _vm.target,
"rel": _vm.newRel
}
}, [_c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
}), _vm._v(" "), _vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-6dc87da4", module.exports)
}
}
/***/ }),
/***/ 400:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(93);
/***/ }),
/***/ 93:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButton = __webpack_require__(264);
var _mdButton2 = _interopRequireDefault(_mdButton);
var _mdButton3 = __webpack_require__(235);
var _mdButton4 = _interopRequireDefault(_mdButton3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-button', _mdButton2.default);
Vue.material.styles.push(_mdButton4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

File diff suppressed because one or more lines are too long

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,261 +43,334 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 401);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(76);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 76:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButtonToggle = __webpack_require__(253);
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
var _mdButtonToggle3 = __webpack_require__(225);
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-button-toggle', Vue.extend(_mdButtonToggle2.default));
Vue.material.styles.push(_mdButtonToggle4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 115:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var onClickButton = void 0; //
//
//
//
//
//
//
//
exports.default = {
props: {
mdSingle: Boolean
},
mixins: [_mixin2.default],
mounted: function mounted() {
var _this = this;
this.$children.forEach((function (child) {
var element = child.$el;
var toggleClass = 'md-toggle';
onClickButton = function onClickButton() {
if (_this.mdSingle) {
_this.$children.forEach((function (child) {
child.$el.classList.remove(toggleClass);
}));
element.classList.add(toggleClass);
} else {
element.classList.toggle(toggleClass);
}
};
if (element && element.classList.contains('md-button')) {
element.addEventListener('click', onClickButton);
}
}));
},
beforeDestroy: function beforeDestroy() {
this.$children.forEach((function (child) {
var element = child.$el;
if (element && element.classList.contains('md-button')) {
element.removeEventListener('click', onClickButton);
}
}));
}
};
module.exports = exports['default'];
/***/ },
/***/ 194:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 225:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n width: 1px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-0.54;\n background-color: BACKGROUND-CONTRAST-0.26; }\n .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-CONTRAST-0.38; }\n .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR; }\n .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR; }\n .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"
/***/ },
/***/ 253:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(194)
/* script */
__vue_exports__ = __webpack_require__(115)
/* template */
var __vue_template__ = __webpack_require__(317)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-106cf22d", __vue_options__)
} else {
hotAPI.reload("data-v-106cf22d", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 317:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-button-toggle",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-106cf22d", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 136:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var onClickButton = void 0; //
//
//
//
//
//
//
//
exports.default = {
props: {
mdSingle: Boolean
},
mixins: [_mixin2.default],
mounted: function mounted() {
var _this = this;
this.$children.forEach((function (child) {
var element = child.$el;
var toggleClass = 'md-toggle';
onClickButton = function onClickButton() {
if (_this.mdSingle) {
_this.$children.forEach((function (child) {
child.$el.classList.remove(toggleClass);
}));
element.classList.add(toggleClass);
} else {
element.classList.toggle(toggleClass);
}
};
if (element && element.classList.contains('md-button')) {
element.addEventListener('click', onClickButton);
}
}));
},
beforeDestroy: function beforeDestroy() {
this.$children.forEach((function (child) {
var element = child.$el;
if (element && element.classList.contains('md-button')) {
element.removeEventListener('click', onClickButton);
}
}));
}
};
module.exports = exports['default'];
/***/ }),
/***/ 202:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 236:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(202)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(136),
/* template */
__webpack_require__(335),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdButtonToggle.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-0c5891b8", Component.options)
} else {
hotAPI.reload("data-v-0c5891b8", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 335:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-button-toggle",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-0c5891b8", module.exports)
}
}
/***/ }),
/***/ 401:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(94);
/***/ }),
/***/ 94:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButtonToggle = __webpack_require__(265);
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
var _mdButtonToggle3 = __webpack_require__(236);
var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-button-toggle', _mdButtonToggle2.default);
Vue.material.styles.push(_mdButtonToggle4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)})({0:function(t,e,o){t.exports=o(76)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},76:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(253),l=n(d),a=o(225),c=n(a);t.exports=e.default},115: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},194:function(t,e){},225: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'},253:function(t,e,o){var n,r;o(194),n=o(115);var d=o(317);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=d.render,r.staticRenderFns=d.staticRenderFns,t.exports=n},317:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* 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}})}));

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,296 +43,370 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 403);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(78);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 78:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdCheckbox = __webpack_require__(264);
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
var _mdCheckbox3 = __webpack_require__(227);
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-checkbox', Vue.extend(_mdCheckbox2.default));
Vue.material.styles.push(_mdCheckbox4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 122:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
value: [String, Boolean],
id: String,
disabled: Boolean
},
mixins: [_mixin2.default],
data: function data() {
return {
checked: this.value
};
},
computed: {
classes: function classes() {
return {
'md-checked': Boolean(this.checked),
'md-disabled': this.disabled
};
}
},
watch: {
value: function value() {
this.checked = this.value;
}
},
methods: {
toggleCheck: function toggleCheck($event) {
if (!this.disabled) {
this.checked = !this.checked;
this.$emit('change', this.checked, $event);
this.$emit('input', this.checked, $event);
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 214:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 227:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n background-color: ACCENT-COLOR;\n border-color: ACCENT-COLOR; }\n .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n background-color: PRIMARY-COLOR;\n border-color: PRIMARY-COLOR; }\n .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n background-color: WARN-COLOR;\n border-color: WARN-COLOR; }\n .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n background-color: rgba(0, 0, 0, 0.26);\n border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
/***/ },
/***/ 264:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(214)
/* script */
__vue_exports__ = __webpack_require__(122)
/* template */
var __vue_template__ = __webpack_require__(359)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-9db725e6", __vue_options__)
} else {
hotAPI.reload("data-v-9db725e6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 359:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-checkbox",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-checkbox-container",
attrs: {
"tabindex": "0"
},
on: {
"click": function($event) {
$event.stopPropagation();
_vm.toggleCheck($event)
}
}
}, [_c('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled,
"tabindex": "-1"
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-checkbox-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-9db725e6", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 143:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
value: [String, Boolean],
id: String,
disabled: Boolean
},
mixins: [_mixin2.default],
data: function data() {
return {
checked: this.value
};
},
computed: {
classes: function classes() {
return {
'md-checked': this.checked,
'md-disabled': this.disabled
};
}
},
watch: {
value: function value() {
this.checked = !!this.value;
}
},
methods: {
toggleCheck: function toggleCheck($event) {
if (!this.disabled) {
this.checked = !this.checked;
this.$emit('change', this.checked, $event);
this.$emit('input', this.checked, $event);
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 225:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 238:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(225)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(143),
/* template */
__webpack_require__(386),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdCheckbox.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-9f41cdf8", Component.options)
} else {
hotAPI.reload("data-v-9f41cdf8", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 386:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-checkbox",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-checkbox-container",
attrs: {
"tabindex": "0"
},
on: {
"click": function($event) {
$event.stopPropagation();
_vm.toggleCheck($event)
}
}
}, [_c('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled,
"tabindex": "-1"
},
domProps: {
"value": _vm.value,
"checked": _vm.checked
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-checkbox-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-9f41cdf8", module.exports)
}
}
/***/ }),
/***/ 403:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(96);
/***/ }),
/***/ 96:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdCheckbox = __webpack_require__(276);
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
var _mdCheckbox3 = __webpack_require__(238);
var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-checkbox', _mdCheckbox2.default);
Vue.material.styles.push(_mdCheckbox4.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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 d=o[c]={exports:{},id:c,loaded:!1};return e[c].call(d.exports,d,d.exports,t),d.loaded=!0,d.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(78)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},78:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function d(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=d;var r=o(264),n=c(r),a=o(227),i=c(a);e.exports=t.default},122:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var d=o(1),r=c(d);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},214:function(e,t){},227: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"},264:function(e,t,o){var c,d;o(214),c=o(122);var r=o(359);d=c=c||{},"object"!=typeof c.default&&"function"!=typeof c.default||(d=c=c.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,e.exports=c},359: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}}),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:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(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}})}));

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -35,5 +35,164 @@ to {
transform: scale(2.2) translateZ(0);
}
}
/* Common */
/* Responsive Breakpoints */
/* Transitions - Based on Angular Material */
/* Elevation - Based on Angular Material */
/* 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; }
.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*/

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

90
dist/components/mdDatePicker/index.debug.js vendored Normal file
View file

@ -0,0 +1,90 @@
(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 = 405);
/******/ })
/************************************************************************/
/******/ ({
/***/ 405:
/***/ (function(module, exports, __webpack_require__) {
(function webpackMissingModule() { throw new Error("Cannot find module \"./src/components/mdDatePicker\""); }());
/***/ })
/******/ });
}));

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

@ -0,0 +1,6 @@
/*!
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(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=405)})({405:function(e,t,n){!(function(){throw new Error('Cannot find module "./src/components/mdDatePicker"')})()}})}));

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,116 +43,190 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 407);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(81);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 81:
/***/ function(module, exports, __webpack_require__) {
/***/ 220:
/***/ (function(module, exports) {
'use strict';
// removed by extract-text-webpack-plugin
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
/***/ }),
var _mdDivider = __webpack_require__(274);
var _mdDivider2 = _interopRequireDefault(_mdDivider);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-divider', Vue.extend(_mdDivider2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 200:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 274:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(200)
/* template */
var __vue_template__ = __webpack_require__(330)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-30e870da", __vue_options__)
} else {
hotAPI.reload("data-v-30e870da", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ 286:
/***/ (function(module, exports, __webpack_require__) {
/***/ },
/* styles */
__webpack_require__(220)
/***/ 330:
/***/ function(module, exports, __webpack_require__) {
var Component = __webpack_require__(0)(
/* script */
null,
/* template */
__webpack_require__(371),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported with templates, they should use render functions.")}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('hr', {
staticClass: "md-divider"
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-30e870da", module.exports)
}
}
/* 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-5e9f054a", Component.options)
} else {
hotAPI.reload("data-v-5e9f054a", Component.options)
}
})()}
/***/ }
module.exports = Component.exports
/******/ })
}));
;
/***/ }),
/***/ 371:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('hr', {
staticClass: "md-divider"
})
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-5e9f054a", module.exports)
}
}
/***/ }),
/***/ 407:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(99);
/***/ }),
/***/ 99:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdDivider = __webpack_require__(286);
var _mdDivider2 = _interopRequireDefault(_mdDivider);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-divider', _mdDivider2.default);
}
module.exports = exports['default'];
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(81)},81:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(f.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(274),f=o(u);e.exports=t.default},200:function(e,t){},274:function(e,t,n){var o,r;n(200);var u=n(330);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=o},330:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={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=407)})({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:[]}},407: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}})}));

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,320 +43,400 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 409);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(83);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 83:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdIcon = __webpack_require__(276);
var _mdIcon2 = _interopRequireDefault(_mdIcon);
var _mdIcon3 = __webpack_require__(231);
var _mdIcon4 = _interopRequireDefault(_mdIcon3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-icon', Vue.extend(_mdIcon2.default));
Vue.material.styles.push(_mdIcon4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 130:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var registeredIcons = {}; //
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdSrc: String
},
data: function data() {
return {
svgContent: null,
imageSrc: null
};
},
mixins: [_mixin2.default],
watch: {
mdSrc: function mdSrc() {
this.svgContent = null;
this.imageSrc = null;
this.checkSrc();
}
},
methods: {
isImage: function isImage(mimetype) {
return mimetype.indexOf('image') >= 0;
},
isSVG: function isSVG(mimetype) {
return mimetype.indexOf('svg') >= 0;
},
setSVGContent: function setSVGContent(value) {
var _this = this;
this.svgContent = value;
this.$nextTick((function () {
_this.$el.children[0].removeAttribute('fill');
}));
},
loadSVG: function loadSVG() {
var _this2 = this;
if (!registeredIcons[this.mdSrc]) {
(function () {
var request = new XMLHttpRequest();
var self = _this2;
request.open('GET', _this2.mdSrc, true);
request.onload = function () {
var mimetype = this.getResponseHeader('content-type');
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
if (self.isSVG(mimetype)) {
registeredIcons[self.mdSrc] = this.response;
self.setSVGContent(this.response);
} else {
self.loadImage();
}
} else {
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
}
};
request.send();
})();
} else {
this.setSVGContent(registeredIcons[this.mdSrc]);
}
},
loadImage: function loadImage() {
this.imageSrc = this.mdSrc;
},
checkSrc: function checkSrc() {
if (this.mdSrc) {
if (this.mdSrc.indexOf('.svg') >= 0) {
this.loadSVG();
} else {
this.loadImage();
}
}
}
},
mounted: function mounted() {
this.checkSrc();
}
};
module.exports = exports['default'];
/***/ },
/***/ 221:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 231:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-icon.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n color: WARN-COLOR; }\n"
/***/ },
/***/ 276:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(221)
/* script */
__vue_exports__ = __webpack_require__(130)
/* template */
var __vue_template__ = __webpack_require__(371)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdIcon/mdIcon.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-f5836666", __vue_options__)
} else {
hotAPI.reload("data-v-f5836666", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 371:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (_vm.svgContent) ? _c('i', {
staticClass: "md-icon",
class: [_vm.themeClass],
domProps: {
"innerHTML": _vm._s(_vm.svgContent)
}
}) : (_vm.imageSrc) ? _c('md-image', {
staticClass: "md-icon",
class: [_vm.themeClass],
attrs: {
"md-src": _vm.imageSrc
}
}) : _c('i', {
staticClass: "md-icon material-icons",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-f5836666", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 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:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var registeredIcons = {}; //
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdSrc: String,
mdIconset: {
type: String,
default: 'material-icons'
}
},
data: function data() {
return {
svgContent: null,
imageSrc: null
};
},
mixins: [_mixin2.default],
watch: {
mdSrc: function mdSrc() {
this.svgContent = null;
this.imageSrc = null;
this.checkSrc();
}
},
methods: {
isImage: function isImage(mimetype) {
return mimetype.indexOf('image') >= 0;
},
isSVG: function isSVG(mimetype) {
return mimetype.indexOf('svg') >= 0;
},
setSVGContent: function setSVGContent(value) {
var _this = this;
this.svgContent = value;
this.$nextTick((function () {
_this.$el.children[0].removeAttribute('fill');
}));
},
loadSVG: function loadSVG() {
var _this2 = this;
if (!registeredIcons[this.mdSrc]) {
(function () {
var request = new XMLHttpRequest();
var self = _this2;
request.open('GET', _this2.mdSrc, true);
request.onload = function () {
var mimetype = this.getResponseHeader('content-type');
if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
if (self.isSVG(mimetype)) {
registeredIcons[self.mdSrc] = this.response;
self.setSVGContent(this.response);
} else {
self.loadImage();
}
} else {
console.warn('The file ' + self.mdSrc + ' is not a valid image.');
}
};
request.send();
})();
} else {
this.setSVGContent(registeredIcons[this.mdSrc]);
}
},
loadImage: function loadImage() {
this.imageSrc = this.mdSrc;
},
checkSrc: function checkSrc() {
if (this.mdSrc) {
if (this.mdSrc.indexOf('.svg') >= 0) {
this.loadSVG();
} else {
this.loadImage();
}
}
}
},
mounted: function mounted() {
this.checkSrc();
}
};
module.exports = exports['default'];
/***/ }),
/***/ 207:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 242:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(207)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(151),
/* template */
__webpack_require__(348),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdIcon.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-2423dfc4", Component.options)
} else {
hotAPI.reload("data-v-2423dfc4", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 348:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (_vm.svgContent) ? _c('i', {
staticClass: "md-icon",
class: [_vm.themeClass],
domProps: {
"innerHTML": _vm._s(_vm.svgContent)
}
}) : (_vm.imageSrc) ? _c('md-image', {
staticClass: "md-icon",
class: [_vm.themeClass],
attrs: {
"md-src": _vm.imageSrc
}
}) : _c('i', {
staticClass: "md-icon",
class: [_vm.themeClass, _vm.mdIconset],
attrs: {
"aria-hidden": !!_vm.mdIconset
}
}, [_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-2423dfc4", module.exports)
}
}
/***/ }),
/***/ 409:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(101);
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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(s){if(n[s])return n[s].exports;var r=n[s]={exports:{},id:s,loaded:!1};return e[s].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(83)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},83:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(o.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(276),o=s(i),a=n(231),c=s(a);e.exports=t.default},130:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=s(r),o={};t.default={props:{mdSrc:String},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(){var e=this;o[this.mdSrc]?this.setSVGContent(o[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)?(o[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},221:function(e,t){},231: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"},276:function(e,t,n){var s,r;n(221),s=n(130);var i=n(371);r=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(r=s=s.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=s},371: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 material-icons",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var 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=409)})({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:[]}},409:function(e,t,n){e.exports=n(101)}})}));

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

@ -4,15 +4,20 @@
/* Elevation - Based on Angular Material */
.md-image {
opacity: 0;
filter: saturate(20%);
-webkit-filter: saturate(20%);
filter: saturate(20%);
}
.md-image.md-black-output {
filter: brightness(0.4) saturate(20%);
-webkit-filter: brightness(0.4) saturate(20%);
filter: brightness(0.4) saturate(20%);
}
.md-image.md-loaded {
opacity: 1;
filter: saturate(100%);
-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*/

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

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

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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(a){if(n[a])return n[a].exports;var i=n[a]={exports:{},id:a,loaded:!1};return e[a].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(84)},66:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){var n=document.createElement("canvas");e.onload=function(){var e=0,a=void 0,i=void 0,o=void 0,r=void 0,s=void 0,d=void 0,c=void 0;n.width=this.width,n.height=this.height,a=n.getContext("2d"),a.drawImage(this,0,0),i=a.getImageData(0,0,n.width,n.height),o=i.data;for(var u=0,l=o.length;u<l;u+=4)r=o[u],s=o[u+1],d=o[u+2],c=Math.floor((r+s+d)/3),e+=c;t(Math.floor(e/(this.width*this.height)))}};t.default=n,e.exports=t.default},84:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-image",e.extend(r.default)),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(277),r=a(o),s=n(232),d=a(s);e.exports=t.default},131:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(66),o=a(i);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;(0,o.default)(e,(function(e){var n=256,a=(100*Math.abs(n-e)/n+15)/100;a>=.7&&(t.applyBlack=!0),t.$nextTick((function(){t.loaded=!0}))}))},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},199:function(e,t){},232:function(e,t){e.exports=""},277:function(e,t,n){var a,i;n(199),a=n(131);var o=n(329);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,e.exports=a},329: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:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(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=410)})({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 c=u.computed||(u.computed={});Object.keys(o).forEach((function(e){var t=o[e];c[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(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(289),a=o(i),u=n(243),c=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;(0,i.default)(e,(function(e){var n=256,o=(100*Math.abs(n-e)/n+15)/100;o>=.7&&(t.applyBlack=!0),t.$nextTick((function(){t.loaded=!0}))}))},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:[]}},410: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){var n=document.createElement("canvas");e.onload=function(){var e=0,o=void 0,r=void 0,i=void 0,a=void 0,u=void 0,c=void 0,s=void 0;n.width=this.width,n.height=this.height,o=n.getContext("2d"),o.drawImage(this,0,0),r=o.getImageData(0,0,n.width,n.height),i=r.data;for(var d=0,l=i.length;d<l;d+=4)a=i[d],u=i[d+1],c=i[d+2],s=Math.floor((a+u+c)/3),e+=s;t(Math.floor(e/(this.width*this.height)))}};t.default=o,e.exports=t.default}})}));

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

@ -80,11 +80,12 @@
.md-input-container .md-count {
height: 20px;
position: absolute;
top: 50px;
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);

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large Load diff

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,233 +43,319 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 412);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(86);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 86:
/***/ function(module, exports, __webpack_require__) {
/***/ 104:
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdLayout = __webpack_require__(281);
var _mdLayout2 = _interopRequireDefault(_mdLayout);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-layout', Vue.extend(_mdLayout2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 135:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
props: {
mdTag: {
type: String,
default: 'div'
},
mdRow: Boolean,
mdRowXsmall: Boolean,
mdRowSmall: Boolean,
mdRowMedium: Boolean,
mdRowLarge: Boolean,
mdRowXlarge: Boolean,
mdColumn: Boolean,
mdColumnXsmall: Boolean,
mdColumnSmall: Boolean,
mdColumnMedium: Boolean,
mdColumnLarge: Boolean,
mdColumnXlarge: Boolean,
mdHideXsmall: Boolean,
mdHideSmall: Boolean,
mdHideMedium: Boolean,
mdHideLarge: Boolean,
mdHideXlarge: Boolean,
mdGutter: [String, Number, Boolean],
mdAlign: String,
mdAlignXsmall: String,
mdAlignSmall: String,
mdAlignMedium: String,
mdAlignLarge: String,
mdAlignXlarge: String,
mdFlex: [String, Number, Boolean],
mdFlexXsmall: [String, Number, Boolean],
mdFlexSmall: [String, Number, Boolean],
mdFlexMedium: [String, Number, Boolean],
mdFlexLarge: [String, Number, Boolean],
mdFlexXlarge: [String, Number, Boolean],
mdFlexOffset: [String, Number, Boolean],
mdFlexOffsetXsmall: [String, Number, Boolean],
mdFlexOffsetSmall: [String, Number, Boolean],
mdFlexOffsetMedium: [String, Number, Boolean],
mdFlexOffsetLarge: [String, Number, Boolean],
mdFlexOffsetXlarge: [String, Number, Boolean]
},
computed: {
classes: function classes() {
var classes = {
'md-row': this.mdRow,
'md-row-xsmall': this.mdRowXsmall,
'md-row-small': this.mdRowSmall,
'md-row-medium': this.mdRowMedium,
'md-row-large': this.mdRowLarge,
'md-row-xlarge': this.mdRowXlarge,
'md-column': this.mdColumn,
'md-column-xsmall': this.mdColumnXsmall,
'md-column-small': this.mdColumnSmall,
'md-column-medium': this.mdColumnMedium,
'md-column-large': this.mdColumnLarge,
'md-column-xlarge': this.mdColumnXlarge,
'md-hide-xsmall': this.mdHideXsmall,
'md-hide-small': this.mdHideSmall,
'md-hide-medium': this.mdHideMedium,
'md-hide-large': this.mdHideLarge,
'md-hide-xlarge': this.mdHideXlarge
};
if (this.mdGutter) {
if (typeof this.mdGutter === 'boolean') {
classes['md-gutter'] = true;
} else if (this.mdGutter) {
classes['md-gutter-' + this.mdGutter] = true;
}
}
/* Flex */
this.generatePropClasses('md-flex', '', 'mdFlex', classes);
this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
/* Flex Offset */
this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
/* Alignment */
this.generatePropClasses('md-align', '', 'mdAlign', classes);
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
return classes;
}
},
methods: {
generatePropClasses: function generatePropClasses(prop, size, name, object) {
if (size) {
size = '-' + size;
}
if (this[name]) {
if (typeof this[name] === 'boolean') {
object[prop + size] = true;
} else {
object[prop + size + '-' + this[name]] = true;
}
}
}
},
render: function render(createElement) {
return createElement(this.mdTag, {
staticClass: 'md-layout',
class: this.classes
}, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ },
/***/ 197:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 281:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(197)
/* script */
__vue_exports__ = __webpack_require__(135)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdLayout/mdLayout.vue"
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-1f1a95a6", __vue_options__)
} else {
hotAPI.reload("data-v-1f1a95a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdLayout.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"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:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
props: {
mdTag: {
type: String,
default: 'div'
},
mdRow: Boolean,
mdRowXsmall: Boolean,
mdRowSmall: Boolean,
mdRowMedium: Boolean,
mdRowLarge: Boolean,
mdRowXlarge: Boolean,
mdColumn: Boolean,
mdColumnXsmall: Boolean,
mdColumnSmall: Boolean,
mdColumnMedium: Boolean,
mdColumnLarge: Boolean,
mdColumnXlarge: Boolean,
mdHideXsmall: Boolean,
mdHideSmall: Boolean,
mdHideMedium: Boolean,
mdHideLarge: Boolean,
mdHideXlarge: Boolean,
mdHideXsmallAndUp: Boolean,
mdHideSmallAndUp: Boolean,
mdHideMediumAndUp: Boolean,
mdHideLargeAndUp: Boolean,
mdHideXlargeAndUp: Boolean,
mdGutter: [String, Number, Boolean],
mdAlign: String,
mdAlignXsmall: String,
mdAlignSmall: String,
mdAlignMedium: String,
mdAlignLarge: String,
mdAlignXlarge: String,
mdFlex: [String, Number, Boolean],
mdFlexXsmall: [String, Number, Boolean],
mdFlexSmall: [String, Number, Boolean],
mdFlexMedium: [String, Number, Boolean],
mdFlexLarge: [String, Number, Boolean],
mdFlexXlarge: [String, Number, Boolean],
mdFlexOffset: [String, Number, Boolean],
mdFlexOffsetXsmall: [String, Number, Boolean],
mdFlexOffsetSmall: [String, Number, Boolean],
mdFlexOffsetMedium: [String, Number, Boolean],
mdFlexOffsetLarge: [String, Number, Boolean],
mdFlexOffsetXlarge: [String, Number, Boolean]
},
computed: {
classes: function classes() {
var classes = {
'md-row': this.mdRow,
'md-row-xsmall': this.mdRowXsmall,
'md-row-small': this.mdRowSmall,
'md-row-medium': this.mdRowMedium,
'md-row-large': this.mdRowLarge,
'md-row-xlarge': this.mdRowXlarge,
'md-column': this.mdColumn,
'md-column-xsmall': this.mdColumnXsmall,
'md-column-small': this.mdColumnSmall,
'md-column-medium': this.mdColumnMedium,
'md-column-large': this.mdColumnLarge,
'md-column-xlarge': this.mdColumnXlarge,
'md-hide-xsmall': this.mdHideXsmall,
'md-hide-small': this.mdHideSmall,
'md-hide-medium': this.mdHideMedium,
'md-hide-large': this.mdHideLarge,
'md-hide-xlarge': this.mdHideXlarge,
'md-hide-xsmall-and-up': this.mdHideXsmallAndUp,
'md-hide-small-and-up': this.mdHideSmallAndUp,
'md-hide-medium-and-up': this.mdHideMediumAndUp,
'md-hide-large-and-up': this.mdHideLargeAndUp,
'md-hide-xlarge-and-up': this.mdHideXlargeAndUp
};
if (this.mdGutter) {
if (typeof this.mdGutter === 'boolean') {
classes['md-gutter'] = true;
} else if (this.mdGutter) {
classes['md-gutter-' + this.mdGutter] = true;
}
}
/* Flex */
this.generatePropClasses('md-flex', '', 'mdFlex', classes);
this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
/* Flex Offset */
this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
/* Alignment */
this.generatePropClasses('md-align', '', 'mdAlign', classes);
this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
return classes;
}
},
methods: {
generatePropClasses: function generatePropClasses(prop, size, name, object) {
if (size) {
size = '-' + size;
}
if (this[name]) {
if (typeof this[name] === 'boolean') {
object[prop + size] = true;
} else {
object[prop + size + '-' + this[name]] = true;
}
}
}
},
render: function render(createElement) {
return createElement(this.mdTag, {
staticClass: 'md-layout',
class: this.classes
}, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ }),
/***/ 227:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 293:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(227)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(156),
/* template */
null,
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
/* 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-a85016b8", Component.options)
} else {
hotAPI.reload("data-v-a85016b8", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 412:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(104);
/***/ })
/******/ });
}));

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

File diff suppressed because one or more lines are too long

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

@ -22,7 +22,8 @@
min-height: 40px;
font-size: 13px;
}
.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child {
.md-list.md-dense .md-list-item .md-list-item-container .md-avatar:first-child,
.md-list.md-dense .md-list-item .md-list-item-container .md-list-action:first-child {
margin-right: 24px;
}
.md-list.md-dense .md-avatar {
@ -43,7 +44,8 @@
height: 36px;
min-height: 36px;
}
.md-list.md-double-line.md-dense .md-list-item .md-avatar:first-child {
.md-list.md-double-line.md-dense .md-list-item .md-avatar .md-avatar:first-child,
.md-list.md-double-line.md-dense .md-list-item .md-avatar .md-list-action:first-child {
margin-right: 20px;
}
.md-list.md-double-line.md-dense .md-list-text-container > :nth-child(1) {
@ -64,7 +66,8 @@
height: 36px;
min-height: 36px;
}
.md-list.md-triple-line.md-dense .md-list-item .md-avatar:first-child {
.md-list.md-triple-line.md-dense .md-list-item .md-avatar .md-avatar:first-child,
.md-list.md-triple-line.md-dense .md-list-item .md-avatar .md-list-action:first-child {
margin-right: 20px;
}
.md-list.md-triple-line.md-dense .md-list-text-container > :nth-child(1) {
@ -79,10 +82,6 @@
.md-list.md-triple-line .md-avatar {
margin: 0;
}
.md-list.md-triple-line .md-list-item-container {
-ms-flex-align: start;
align-items: flex-start;
}
.md-list .md-subheader.md-inset {
padding-left: 72px;
}
@ -92,11 +91,37 @@
.md-list-item {
height: auto;
position: relative;
z-index: 2;
}
.md-list-item.md-disabled {
cursor: default;
pointer-events: none;
}
.md-list-item.md-inset .md-list-item-container {
padding-left: 72px;
}
.md-list-item .md-list-item-holder {
.md-list-item .md-button-ghost {
width: 100%;
margin: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
border-radius: 0;
}
.md-list-item .md-button:not(.md-button-ghost):not(.md-list-item-container) {
position: relative;
z-index: 2;
}
.md-list-item .md-button:not(.md-button-ghost):not(.md-list-item-container) .md-icon {
position: relative;
}
.md-list-item .md-list-item-container {
min-height: 48px;
margin: 0;
padding: 0 16px;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
@ -107,34 +132,28 @@
justify-content: space-between;
-ms-flex: 1;
flex: 1;
}
.md-list-item .md-list-item-holder > .md-ink-ripple {
border-radius: 0;
}
.md-list-item .md-list-item-holder > .md-icon:first-child {
margin-right: 32px;
}
.md-list-item .md-list-item-holder .md-avatar:first-child {
margin-right: 16px;
}
.md-list-item .md-list-item-holder .md-list-action {
margin: 0 -2px 0 0;
}
.md-list-item .md-list-item-holder .md-list-action:nth-child(3) {
margin: 0 -2px 0 16px;
}
.md-list-item .md-list-item-container {
width: 100%;
min-height: 48px;
margin: 0;
padding: 0 16px;
position: relative;
border-radius: 0;
font-size: 16px;
font-weight: 400;
text-align: left;
text-transform: none;
}
.md-list-item .md-list-item-container:hover {
text-decoration: none;
}
.md-list-item .md-list-item-container > .md-icon:first-child {
margin-right: 32px;
}
.md-list-item .md-list-item-container .md-avatar:first-child,
.md-list-item .md-list-item-container .md-list-action:first-child {
margin-right: 16px;
}
.md-list-item .md-list-item-container .md-list-action {
margin: 0 -10px 0 0;
}
.md-list-item .md-list-item-container .md-list-action:nth-child(3) {
margin: 0 -10px 0 16px;
}
.md-list-item .md-divider {
position: absolute;
bottom: 0;
@ -142,11 +161,13 @@
left: 0;
}
.md-list-item .md-icon,
.md-list-item .md-avatar {
.md-list-item .md-avatar,
.md-list-item .md-list-action:first-child {
margin: 0;
}
.md-list-item .md-icon:first-of-type + *,
.md-list-item .md-avatar:first-of-type + * {
.md-list-item .md-avatar:first-of-type + *,
.md-list-item .md-list-action:first-child:first-of-type + * {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@ -165,6 +186,7 @@
-ms-flex-flow: column wrap;
flex-flow: column wrap;
overflow: hidden;
transform: translate3D(0, 0, 0);
}
.md-list-item-expand:before, .md-list-item-expand:after {
height: 1px;
@ -193,16 +215,15 @@
.md-list-item-expand.md-active:last-of-type:after {
background: none;
}
.md-list-item-expand.md-active.md-active + .md-active:before {
background: none;
}
.md-list-item-expand.md-active > .md-list-item-container .md-list-expand-indicator {
transform: rotateZ(180deg) translate3D(0, 0, 0);
}
.md-list-item-expand.md-active > .md-list-expand {
margin-bottom: 0 !important;
}
.md-list-item-expand > .md-list-item-container > .md-list-item-holder {
position: relative;
z-index: 2;
}
.md-list-item-expand .md-expansion-indicator,
.md-list-item-expand .md-list-item-container,
.md-list-item-expand .md-icon {
@ -230,9 +251,13 @@
flex: 1;
overflow: hidden;
line-height: 1.25em;
text-overflow: ellipsis;
white-space: normal;
}
.md-list-text-container > * {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.md-list-text-container > :nth-child(1) {
font-size: 16px;
}

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -14,12 +14,12 @@
overflow-x: hidden;
overflow-y: auto;
position: absolute;
z-index: 120;
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.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
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 {
@ -82,15 +82,15 @@
pointer-events: auto;
opacity: 1;
transform: scale(1) translateZ(0);
transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
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.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-menu-content .md-list {
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.md-menu-item {
cursor: pointer;
@ -104,5 +104,8 @@
overflow: hidden;
text-overflow: ellipsis;
}
.md-menu-backdrop {
z-index: 130;
}
/*# sourceMappingURL=index.css.map*/

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

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

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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(s){if(r[s])return r[s].exports;var o=r[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(89)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},89:function(e,t,r){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",e.extend(d.default)),e.material.styles.push(m.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=r(288),d=s(n),a=r(236),m=s(a);e.exports=t.default},142:function(e,t,r){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=s(o);t.default={props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[n.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=t.default},198:function(e,t){},236: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"},288:function(e,t,r){var s,o;r(198),s=r(142);var n=r(327);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=n.render,o.staticRenderFns=n.staticRenderFns,e.exports=s},327: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:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(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=415)})({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:[]}},415:function(e,t,r){e.exports=r(107)}})}));

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,281 +43,354 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 416);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(90);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 90:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdRadio = __webpack_require__(289);
var _mdRadio2 = _interopRequireDefault(_mdRadio);
var _mdRadio3 = __webpack_require__(237);
var _mdRadio4 = _interopRequireDefault(_mdRadio3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-radio', Vue.extend(_mdRadio2.default));
Vue.material.styles.push(_mdRadio4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 143:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
id: String,
value: [String, Boolean, Number],
mdValue: {
type: [String, Boolean, Number],
required: true
},
disabled: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-checked': this.value && this.mdValue.toString() === this.value.toString(),
'md-disabled': this.disabled
};
}
},
methods: {
toggleCheck: function toggleCheck($event) {
if (!this.disabled) {
this.$emit('change', this.mdValue, $event);
this.$emit('input', this.mdValue, $event);
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 220:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 237:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-radio .md-radio-container:after {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-radio-container {\n border-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME.md-radio.md-primary .md-radio-container:after {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n border-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-warn .md-radio-container:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n border-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-disabled .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
/***/ },
/***/ 289:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(220)
/* script */
__vue_exports__ = __webpack_require__(143)
/* template */
var __vue_template__ = __webpack_require__(370)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdRadio/mdRadio.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-e87254d2", __vue_options__)
} else {
hotAPI.reload("data-v-e87254d2", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 370:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-radio",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-radio-container",
on: {
"click": _vm.toggleCheck
}
}, [_c('input', {
attrs: {
"type": "radio",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-radio-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-e87254d2", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 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:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
id: String,
value: [String, Boolean, Number],
mdValue: {
type: [String, Boolean, Number],
required: true
},
disabled: Boolean
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-checked': typeof this.value !== 'undefined' && this.mdValue.toString() === this.value.toString(),
'md-disabled': this.disabled
};
}
},
methods: {
toggleCheck: function toggleCheck($event) {
if (!this.disabled) {
this.$emit('change', this.mdValue, $event);
this.$emit('input', this.mdValue, $event);
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 201:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 248:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(201)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(167),
/* template */
__webpack_require__(332),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdRadio.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-079386ce", Component.options)
} else {
hotAPI.reload("data-v-079386ce", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 332:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-radio",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-radio-container",
on: {
"click": _vm.toggleCheck
}
}, [_c('input', {
attrs: {
"type": "radio",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-radio-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-079386ce", module.exports)
}
}
/***/ }),
/***/ 416:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(108);
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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(d[r])return d[r].exports;var o=d[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)})({0:function(e,t,d){e.exports=d(90)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},90:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",e.extend(i.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=d(289),i=r(a),n=d(237),s=r(n);e.exports=t.default},143:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=d(1),a=r(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},220:function(e,t){},237: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"},289:function(e,t,d){var r,o;d(220),r=d(143);var a=d(370);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=a.render,o.staticRenderFns=a.staticRenderFns,e.exports=r},370:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[d("div",{staticClass:"md-radio-container",on:{click:e.toggleCheck}},[d("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}}),e._v(" "),d("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?d("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(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=416)})({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:[]}},416:function(e,t,r){e.exports=r(108)}})}));

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,277 +43,427 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 418);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(92);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 92:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSidenav = __webpack_require__(292);
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
var _mdSidenav3 = __webpack_require__(239);
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-sidenav', Vue.extend(_mdSidenav2.default));
Vue.material.styles.push(_mdSidenav4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 146:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
data: function data() {
return {
mdVisible: false
};
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return this.mdVisible && 'md-active';
}
},
methods: {
show: function show() {
this.open();
},
open: function open() {
this.mdVisible = true;
this.$el.focus();
this.$emit('open');
},
close: function close() {
this.mdVisible = false;
this.$el.blur();
this.$emit('close');
},
toggle: function toggle() {
if (this.mdVisible) {
this.close();
} else {
this.open();
}
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 205:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 239:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
/***/ },
/***/ 292:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(205)
/* script */
__vue_exports__ = __webpack_require__(146)
/* template */
var __vue_template__ = __webpack_require__(337)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-4904390e", __vue_options__)
} else {
hotAPI.reload("data-v-4904390e", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 337:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-sidenav",
class: [_vm.themeClass, _vm.classes],
attrs: {
"tabindex": "0"
},
on: {
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
}, [_c('div', {
staticClass: "md-sidenav-content"
}, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
staticClass: "md-sidenav-backdrop",
on: {
"close": _vm.close
}
})], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-4904390e", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 110:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSidenav = __webpack_require__(308);
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
var _mdSidenav3 = __webpack_require__(250);
var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-sidenav', _mdSidenav2.default);
Vue.material.styles.push(_mdSidenav4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 170:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
data: function data() {
return {
mdVisible: false
};
},
mixins: [_mixin2.default],
props: {
mdSwipeable: Boolean,
mdSwipeThreshold: {
type: Number,
default: 15
},
mdSwipeDistance: {
type: Number,
default: 100
}
},
computed: {
classes: function classes() {
return this.mdVisible && 'md-active';
}
},
methods: {
show: function show() {
this.open();
},
open: function open() {
this.mdVisible = true;
this.$el.focus();
this.$emit('open');
},
close: function close() {
this.mdVisible = false;
this.$el.blur();
this.$emit('close');
},
toggle: function toggle() {
if (this.mdVisible) {
this.close();
} else {
this.open();
}
},
isHorizontallyInside: function isHorizontallyInside(positionX) {
return positionX > 0 && positionX < this.mountedRect.left + this.mountedRect.width;
},
isVerticallyInside: function isVerticallyInside(positionY) {
return positionY > 0 && positionY < this.mountedRect.top + this.mountedRect.height;
},
isFromStartWhenClosed: function isFromStartWhenClosed(positionX) {
if (this.mdVisible) {
return true;
}
return positionX < this.mdSwipeThreshold;
},
handleTouchStart: function handleTouchStart(event) {
var positionX = event.touches[0].clientX - this.mountedRect.left;
var positionY = event.touches[0].clientY - this.mountedRect.top;
if (!this.isHorizontallyInside(positionX) || !this.isVerticallyInside(positionY) || !this.isFromStartWhenClosed(positionX)) {
return;
}
this.initialTouchPosition = positionX;
this.canMove = true;
},
handleTouchEnd: function handleTouchEnd() {
this.canMove = false;
this.initialTouchPosition = null;
},
handleTouchMove: function handleTouchMove(event) {
if (!this.canMove) {
return;
}
var positionX = event.touches[0].clientX;
var difference = this.mdVisible ? this.initialTouchPosition - positionX : positionX - this.initialTouchPosition;
var action = this.mdVisible ? 'close' : 'open';
if (difference > this.mdSwipeDistance) {
this[action]();
}
}
},
mounted: function mounted() {
if (!this.mdSwipeable) {
return;
}
this.mountedRect = this.$refs.backdrop.$el.getBoundingClientRect();
this.initialTouchPosition = null;
this.canMove = false;
document.addEventListener('touchstart', this.handleTouchStart);
document.addEventListener('touchend', this.handleTouchEnd);
document.addEventListener('touchmove', this.handleTouchMove);
},
beforeDestroy: function beforeDestroy() {
if (!this.mdSwipeable) {
return;
}
document.removeEventListener('touchstart', this.handleTouchStart);
document.removeEventListener('touchend', this.handleTouchEnd);
document.removeEventListener('touchmove', this.handleTouchMove);
}
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 218:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 250:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR;\n color: BACKGROUND-CONTRAST; }\n"
/***/ }),
/***/ 308:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(218)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(170),
/* template */
__webpack_require__(367),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdSidenav.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-52912130", Component.options)
} else {
hotAPI.reload("data-v-52912130", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 367:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-sidenav",
class: [_vm.themeClass, _vm.classes],
attrs: {
"tabindex": "0"
},
on: {
"keyup": function($event) {
if (_vm._k($event.keyCode, "esc", 27)) { return; }
_vm.close($event)
}
}
}, [_c('div', {
staticClass: "md-sidenav-content"
}, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
ref: "backdrop",
staticClass: "md-sidenav-backdrop",
on: {
"close": _vm.close
}
})], 1)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-52912130", module.exports)
}
}
/***/ }),
/***/ 418:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(110);
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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(s){if(n[s])return n[s].exports;var o=n[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(92)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},92:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-sidenav",e.extend(r.default)),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(292),r=s(i),d=n(239),a=s(d);e.exports=t.default},146:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=s(o);t.default={data:function(){return{mdVisible:!1}},mixins:[i.default],computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.open()}}},e.exports=t.default},205:function(e,t){},239:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},292:function(e,t,n){var s,o;n(205),s=n(146);var i=n(337);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,e.exports=s},337:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-sidenav",class:[e.themeClass,e.classes],attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[n("div",{staticClass:"md-sidenav-content"},[e._t("default")],2),e._v(" "),n("md-backdrop",{staticClass:"md-sidenav-backdrop",on:{close:e.close}})],1)},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={i:i,l:!1,exports:{}};return e[i].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,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},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=418)})({0:function(e,t){e.exports=function(e,t,n,i){var o,s=e=e||{},r=typeof e.default;"object"!==r&&"function"!==r||(o=e,s=e.default);var u="function"==typeof s?s.options:s;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),i){var c=u.computed||(u.computed={});Object.keys(i).forEach((function(e){var t=i[e];c[e]=function(){return t}}))}return{esModule:o,exports:s,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},110:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-sidenav",r.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(308),r=i(s),u=n(250),c=i(u);e.exports=t.default},170:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),s=i(o);t.default={data:function(){return{mdVisible:!1}},mixins:[s.default],props:{mdSwipeable:Boolean,mdSwipeThreshold:{type:Number,default:15},mdSwipeDistance:{type:Number,default:100}},computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.open()},isHorizontallyInside:function(e){return e>0&&e<this.mountedRect.left+this.mountedRect.width},isVerticallyInside:function(e){return e>0&&e<this.mountedRect.top+this.mountedRect.height},isFromStartWhenClosed:function(e){return!!this.mdVisible||e<this.mdSwipeThreshold},handleTouchStart:function(e){var t=e.touches[0].clientX-this.mountedRect.left,n=e.touches[0].clientY-this.mountedRect.top;this.isHorizontallyInside(t)&&this.isVerticallyInside(n)&&this.isFromStartWhenClosed(t)&&(this.initialTouchPosition=t,this.canMove=!0)},handleTouchEnd:function(){this.canMove=!1,this.initialTouchPosition=null},handleTouchMove:function(e){if(this.canMove){var t=e.touches[0].clientX,n=this.mdVisible?this.initialTouchPosition-t:t-this.initialTouchPosition,i=this.mdVisible?"close":"open";n>this.mdSwipeDistance&&this[i]()}}},mounted:function(){this.mdSwipeable&&(this.mountedRect=this.$refs.backdrop.$el.getBoundingClientRect(),this.initialTouchPosition=null,this.canMove=!1,document.addEventListener("touchstart",this.handleTouchStart),document.addEventListener("touchend",this.handleTouchEnd),document.addEventListener("touchmove",this.handleTouchMove))},beforeDestroy:function(){this.mdSwipeable&&(document.removeEventListener("touchstart",this.handleTouchStart),document.removeEventListener("touchend",this.handleTouchEnd),document.removeEventListener("touchmove",this.handleTouchMove))}},e.exports=t.default},218:function(e,t){},250:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},308:function(e,t,n){n(218);var i=n(0)(n(170),n(367),null,null);e.exports=i.exports},367:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-sidenav",class:[e.themeClass,e.classes],attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[n("div",{staticClass:"md-sidenav-content"},[e._t("default")],2),e._v(" "),n("md-backdrop",{ref:"backdrop",staticClass:"md-sidenav-backdrop",on:{close:e.close}})],1)},staticRenderFns:[]}},418:function(e,t,n){e.exports=n(110)}})}));

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

@ -11,6 +11,7 @@
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;
}
@ -83,6 +84,7 @@
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);

864
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_374__) {
})(this, (function(__WEBPACK_EXTERNAL_MODULE_395__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,436 +43,528 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 419);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(93);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
/***/ (function(module, exports, __webpack_require__) {
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
"use strict";
/***/ },
/***/ 38:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
Object.defineProperty(exports, "__esModule", {
value: true
});
function transitionEndEventName() {
var el = document.createElement('span');
var transitions = {
transition: 'transitionend',
OTransition: 'oTransitionEnd',
MozTransition: 'transitionend',
WebkitTransition: 'webkitTransitionEnd'
};
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
for (var transition in transitions) {
if (el.style[transition] !== undefined) {
return transitions[transition];
}
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
exports.default = transitionEndEventName();
module.exports = exports['default'];
var theme = this.closestThemedParent.mdTheme;
/***/ },
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
/***/ 43:
/***/ function(module, exports) {
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
"use strict";
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
Object.defineProperty(exports, "__esModule", {
value: true
});
var uniqueId = function uniqueId() {
return Math.random().toString(36).slice(4);
};
/***/ }),
exports.default = uniqueId;
module.exports = exports["default"];
/***/ 111:
/***/ (function(module, exports, __webpack_require__) {
/***/ },
"use strict";
/***/ 93:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSnackbar = __webpack_require__(309);
var _mdSnackbar = __webpack_require__(293);
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
var _mdSnackbar3 = __webpack_require__(251);
var _mdSnackbar3 = __webpack_require__(240);
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-snackbar', _mdSnackbar2.default);
function install(Vue) {
Vue.component('md-snackbar', Vue.extend(_mdSnackbar2.default));
Vue.material.styles.push(_mdSnackbar4.default);
}
module.exports = exports['default'];
Vue.material.styles.push(_mdSnackbar4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ },
/***/ 124:
/***/ (function(module, exports, __webpack_require__) {
/***/ 94:
/***/ function(module, exports, __webpack_require__) {
"use strict";
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "__esModule", {
value: true
});
var _vue = __webpack_require__(374);
var _vue = __webpack_require__(395);
var _vue2 = _interopRequireDefault(_vue);
var _vue2 = _interopRequireDefault(_vue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var manager = new _vue2.default({
data: function data() {
return {
current: null
};
}
});
exports.default = manager;
module.exports = exports['default'];
var manager = new _vue2.default({
data: function data() {
return {
current: null
};
}
});
/***/ }),
exports.default = manager;
module.exports = exports['default'];
/***/ 171:
/***/ (function(module, exports, __webpack_require__) {
/***/ },
"use strict";
/***/ 147:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _uniqueId = __webpack_require__(43);
Object.defineProperty(exports, "__esModule", {
value: true
});
var _uniqueId2 = _interopRequireDefault(_uniqueId);
var _uniqueId = __webpack_require__(48);
var _transitionEndEventName = __webpack_require__(38);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _mixin = __webpack_require__(1);
var _uniqueId2 = _interopRequireDefault(_uniqueId);
var _mixin2 = _interopRequireDefault(_mixin);
var _transitionEndEventName = __webpack_require__(39);
var _manager = __webpack_require__(94);
var _manager2 = _interopRequireDefault(_manager);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
id: [String, Number],
mdPosition: {
type: String,
default: 'bottom center'
},
mdDuration: {
type: [String, Number],
default: 4000
}
},
mixins: [_mixin2.default],
data: function data() {
return {
snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
active: false,
rootElement: {},
snackbarElement: {},
directionClass: null,
closeTimeout: null
};
},
computed: {
classes: function classes() {
var cssClasses = {
'md-active': this.active
};
this.directionClass = this.mdPosition.replace(/ /g, '-');
cssClasses['md-position-' + this.directionClass] = true;
return cssClasses;
}
},
watch: {
active: function active(_active) {
var directionClass = 'md-has-toast-' + this.directionClass;
var toastClass = 'md-has-toast';
if (_active) {
document.body.classList.add(directionClass);
document.body.classList.add(toastClass);
} else {
document.body.classList.remove(directionClass);
document.body.classList.remove(toastClass);
}
}
},
methods: {
removeElement: function removeElement() {
if (this.rootElement.contains(this.snackbarElement)) {
var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
if (activeRipple) {
activeRipple.classList.remove('md-active');
}
this.rootElement.removeChild(this.snackbarElement);
}
},
open: function open() {
if (_manager2.default.current) {
_manager2.default.current.close();
}
_manager2.default.current = this;
this.rootElement.appendChild(this.snackbarElement);
window.getComputedStyle(this.$refs.container).backgroundColor;
this.active = true;
this.$emit('open');
this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
},
close: function close() {
var _this = this;
if (this.$refs.container) {
(function () {
var removeElement = function removeElement() {
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.removeElement();
};
_manager2.default.current = null;
_this.active = false;
_this.$emit('close');
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
window.clearTimeout(_this.closeTimeout);
})();
}
}
},
mounted: function mounted() {
var _this2 = this;
this.$nextTick((function () {
_this2.rootElement = _this2.$root.$el;
_this2.snackbarElement = _this2.$el;
_this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
}));
},
beforeDestroy: function beforeDestroy() {
window.clearTimeout(this.closeTimeout);
this.removeElement();
}
};
module.exports = exports['default'];
/***/ },
/***/ 216:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 240:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
/***/ },
/***/ 293:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(216)
/* script */
__vue_exports__ = __webpack_require__(147)
/* template */
var __vue_template__ = __webpack_require__(362)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-b540e066", __vue_options__)
} else {
hotAPI.reload("data-v-b540e066", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 362:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-snackbar",
class: [_vm.themeClass, _vm.classes],
attrs: {
"id": _vm.snackbarId
}
}, [_c('div', {
ref: "container",
staticClass: "md-snackbar-container"
}, [_c('div', {
staticClass: "md-snackbar-content"
}, [_vm._t("default")], 2)])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-b540e066", module.exports)
}
}
/***/ },
/***/ 374:
/***/ function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_374__;
/***/ }
/******/ })
}));
;
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
var _manager = __webpack_require__(124);
var _manager2 = _interopRequireDefault(_manager);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
id: [String, Number],
mdPosition: {
type: String,
default: 'bottom center'
},
mdDuration: {
type: [String, Number],
default: 4000
}
},
mixins: [_mixin2.default],
data: function data() {
return {
snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
active: false,
rootElement: {},
snackbarElement: {},
directionClass: null,
closeTimeout: null
};
},
computed: {
classes: function classes() {
var cssClasses = {
'md-active': this.active
};
this.directionClass = this.mdPosition.replace(/ /g, '-');
cssClasses['md-position-' + this.directionClass] = true;
return cssClasses;
}
},
watch: {
active: function active(_active) {
var directionClass = 'md-has-toast-' + this.directionClass;
var toastClass = 'md-has-toast';
if (_active) {
document.body.classList.add(directionClass);
document.body.classList.add(toastClass);
} else {
document.body.classList.remove(directionClass);
document.body.classList.remove(toastClass);
}
}
},
methods: {
removeElement: function removeElement() {
if (document.body.contains(this.snackbarElement)) {
var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
if (activeRipple) {
activeRipple.classList.remove('md-active');
}
document.body.removeChild(this.snackbarElement);
}
},
open: function open() {
if (_manager2.default.current) {
_manager2.default.current.close();
}
_manager2.default.current = this;
document.body.appendChild(this.snackbarElement);
window.getComputedStyle(this.$refs.container).backgroundColor;
this.active = true;
this.$emit('open');
this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
this.timeoutStartedAt = Date.now();
},
close: function close() {
var _this = this;
if (this.$refs.container) {
(function () {
var removeElement = function removeElement() {
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.removeElement();
};
_manager2.default.current = null;
_this.active = false;
_this.$emit('close');
_this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
_this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
window.clearTimeout(_this.closeTimeout);
_this.pendingDuration = _this.mdDuration;
})();
}
},
pauseTimeout: function pauseTimeout() {
this.pendingDuration = this.pendingDuration - (Date.now() - this.timeoutStartedAt);
this.timeoutStartedAt = 0;
window.clearTimeout(this.closeTimeout);
},
resumeTimeout: function resumeTimeout() {
this.timeoutStartedAt = Date.now();
this.closeTimeout = window.setTimeout(this.close, this.pendingDuration);
}
},
mounted: function mounted() {
var _this2 = this;
this.$nextTick((function () {
_this2.snackbarElement = _this2.$el;
_this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
_this2.timeoutStartedAt = 0;
_this2.pendingDuration = _this2.mdDuration;
}));
},
beforeDestroy: function beforeDestroy() {
window.clearTimeout(this.closeTimeout);
this.removeElement();
}
};
module.exports = exports['default'];
/***/ }),
/***/ 230:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 251:
/***/ (function(module, exports) {
module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n color: #fff; }\n"
/***/ }),
/***/ 309:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(230)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(171),
/* template */
__webpack_require__(390),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdSnackbar.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-b6cb8878", Component.options)
} else {
hotAPI.reload("data-v-b6cb8878", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 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'];
/***/ }),
/***/ 390:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-snackbar",
class: [_vm.themeClass, _vm.classes],
attrs: {
"id": _vm.snackbarId
},
on: {
"mouseenter": _vm.pauseTimeout,
"mouseleave": _vm.resumeTimeout
}
}, [_c('div', {
ref: "container",
staticClass: "md-snackbar-container"
}, [_c('div', {
staticClass: "md-snackbar-content"
}, [_vm._t("default")], 2)])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-b6cb8878", module.exports)
}
}
/***/ }),
/***/ 395:
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE_395__;
/***/ }),
/***/ 419:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(111);
/***/ }),
/***/ 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"];
/***/ })
/******/ });
}));

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

File diff suppressed because one or more lines are too long

164
dist/components/mdSpeedDial/index.css vendored Normal file
View file

@ -0,0 +1,164 @@
/* 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*/

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

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

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,21 +43,364 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 420);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/******/ ({
/***/ 0:
/***/ (function(module, exports) {
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ 1:
/***/ (function(module, exports, __webpack_require__) {
(function webpackMissingModule() { throw new Error("Cannot find module \"./src/components/mdSpeedDial\""); }());
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 112:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSpeedDial = __webpack_require__(310);
var _mdSpeedDial2 = _interopRequireDefault(_mdSpeedDial);
var _mdSpeedDial3 = __webpack_require__(252);
var _mdSpeedDial4 = _interopRequireDefault(_mdSpeedDial3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-speed-dial', _mdSpeedDial2.default);
Vue.material.styles.push(_mdSpeedDial4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 172:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdOpen: {
type: String,
default: 'click'
},
mdMode: {
type: String,
default: 'fling'
},
mdDirection: {
type: String,
default: 'top'
}
},
mixins: [_mixin2.default],
data: function data() {
return {
fabTrigger: null,
active: false
};
},
computed: {
classes: function classes() {
var classes = {
'md-active': this.active
};
classes['md-mode-' + this.mdMode] = true;
classes['md-direction-' + this.mdDirection] = true;
return classes;
}
},
methods: {
closeSpeedDial: function closeSpeedDial(event) {
if (!event.target === this.fabTrigger || !this.fabTrigger.contains(event.target)) {
this.active = false;
document.body.removeEventListener('click', this.closeSpeedDial);
}
},
toggleSpeedDial: function toggleSpeedDial() {
var _this = this;
this.active = !this.active;
window.setTimeout((function () {
document.body.addEventListener('click', _this.closeSpeedDial);
}), 50);
}
},
mounted: function mounted() {
var _this2 = this;
this.$nextTick((function () {
_this2.fabTrigger = _this2.$el.querySelector('[md-fab-trigger]');
if (_this2.mdOpen === 'click') {
_this2.fabTrigger.addEventListener('click', _this2.toggleSpeedDial);
} else {
_this2.$el.addEventListener('mouseenter', _this2.toggleSpeedDial);
_this2.$el.addEventListener('mouseleave', _this2.toggleSpeedDial);
}
}));
},
beforeDestroy: function beforeDestroy() {
this.fabTrigger.removeEventListener('click', this.toggleSpeedDial);
document.body.removeEventListener('click', this.closeSpeedDial);
}
}; //
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 216:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 252:
/***/ (function(module, exports) {
module.exports = ""
/***/ }),
/***/ 310:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(216)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(172),
/* template */
__webpack_require__(365),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdSpeedDial.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-50d48906", Component.options)
} else {
hotAPI.reload("data-v-50d48906", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 365:
/***/ (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-speed-dial",
class: [_vm.themeClass, _vm.classes]
}, [_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-50d48906", module.exports)
}
}
/***/ }),
/***/ 420:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(112);
/***/ })
/******/ ])
}));
;
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():e.VueMaterial=o()})(this,(function(){return (function(e){function o(n){if(t[n])return t[n].exports;var r=t[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}var t={};return o.m=e,o.c=t,o.p="/",o(0)})([(function(e,o,t){!(function(){throw new Error('Cannot find module "./src/components/mdSpeedDial"')})()})])}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var 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=420)})({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:[]}},420:function(e,t,n){e.exports=n(112)}})}));

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,291 +43,364 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 421);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(95);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 95:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSpinner = __webpack_require__(294);
var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
var _mdSpinner3 = __webpack_require__(241);
var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-spinner', Vue.extend(_mdSpinner2.default));
Vue.material.styles.push(_mdSpinner4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 148:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdSize: {
type: Number,
default: 50
},
mdStroke: {
type: Number,
default: 3.5
},
mdIndeterminate: Boolean,
mdProgress: {
type: Number,
default: 0
}
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-indeterminate': this.mdIndeterminate
};
},
styles: function styles() {
var newSize = this.mdSize + 'px';
return {
width: newSize,
height: newSize
};
},
dashProgress: function dashProgress() {
var progress = this.mdProgress * 125 / 100;
if (this.mdIndeterminate) {
return false;
}
if (progress >= 125) {
progress = 130;
}
return progress + ', 200';
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 211:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 241:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-spinner .md-spinner-path {\n stroke: PRIMARY-COLOR; }\n\n.THEME_NAME.md-spinner.md-accent .md-spinner-path {\n stroke: ACCENT-COLOR; }\n\n.THEME_NAME.md-spinner.md-warn .md-spinner-path {\n stroke: WARN-COLOR; }\n"
/***/ },
/***/ 294:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(211)
/* script */
__vue_exports__ = __webpack_require__(148)
/* template */
var __vue_template__ = __webpack_require__(353)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSpinner/mdSpinner.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-7e174593", __vue_options__)
} else {
hotAPI.reload("data-v-7e174593", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSpinner.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 353:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('transition', {
attrs: {
"name": "md-spinner",
"appear": ""
}
}, [_c('div', {
staticClass: "md-spinner",
class: [_vm.themeClass, _vm.classes],
style: (_vm.styles)
}, [_c('svg', {
staticClass: "md-spinner-draw",
attrs: {
"viewBox": "25 25 50 50"
}
}, [_c('circle', {
staticClass: "md-spinner-path",
attrs: {
"cx": "50",
"cy": "50",
"r": "20",
"stroke-width": _vm.mdStroke,
"stroke-dasharray": _vm.dashProgress
}
})])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-7e174593", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 113:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSpinner = __webpack_require__(311);
var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
var _mdSpinner3 = __webpack_require__(253);
var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-spinner', _mdSpinner2.default);
Vue.material.styles.push(_mdSpinner4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 173:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdSize: {
type: Number,
default: 50
},
mdStroke: {
type: Number,
default: 3.5
},
mdIndeterminate: Boolean,
mdProgress: {
type: Number,
default: 0
}
},
mixins: [_mixin2.default],
computed: {
classes: function classes() {
return {
'md-indeterminate': this.mdIndeterminate
};
},
styles: function styles() {
var newSize = this.mdSize + 'px';
return {
width: newSize,
height: newSize
};
},
dashProgress: function dashProgress() {
var progress = this.mdProgress * 125 / 100;
if (this.mdIndeterminate) {
return false;
}
if (progress >= 125) {
progress = 130;
}
return progress + ', 200';
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 204:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 253:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(204)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(173),
/* template */
__webpack_require__(340),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdSpinner.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-15aaf96c", Component.options)
} else {
hotAPI.reload("data-v-15aaf96c", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 340:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('transition', {
attrs: {
"name": "md-spinner",
"appear": ""
}
}, [_c('div', {
staticClass: "md-spinner",
class: [_vm.themeClass, _vm.classes],
style: (_vm.styles)
}, [_c('svg', {
staticClass: "md-spinner-draw",
attrs: {
"viewBox": "25 25 50 50"
}
}, [_c('circle', {
staticClass: "md-spinner-path",
attrs: {
"cx": "50",
"cy": "50",
"r": "20",
"stroke-width": _vm.mdStroke,
"stroke-dasharray": _vm.dashProgress
}
})])])])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-15aaf96c", module.exports)
}
}
/***/ }),
/***/ 421:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(113);
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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 s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(95)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},95:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",e.extend(a.default)),e.material.styles.push(o.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var d=r(294),a=n(d),i=r(241),o=n(i);e.exports=t.default},148:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),d=n(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[d.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},211:function(e,t){},241: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"},294:function(e,t,r){var n,s;r(211),n=r(148);var d=r(353);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=d.render,s.staticRenderFns=d.staticRenderFns,e.exports=n},353:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-spinner",appear:""}},[r("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[r("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[r("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var 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=421)})({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:[]}},421:function(e,t,n){e.exports=n(113)}})}));

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,231 +43,304 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 422);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(96);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 96:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSubheader = __webpack_require__(295);
var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
var _mdSubheader3 = __webpack_require__(242);
var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-subheader', Vue.extend(_mdSubheader2.default));
Vue.material.styles.push(_mdSubheader4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 149:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_mixin2.default]
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 215:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 242:
/***/ function(module, exports) {
module.exports = ".THEME_NAME.md-subheader.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-subheader.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME.md-subheader.md-warn {\n color: WARN-COLOR; }\n"
/***/ },
/***/ 295:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(215)
/* script */
__vue_exports__ = __webpack_require__(149)
/* template */
var __vue_template__ = __webpack_require__(360)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSubheader/mdSubheader.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-a2e7fe8a", __vue_options__)
} else {
hotAPI.reload("data-v-a2e7fe8a", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSubheader.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 360:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (_vm.$parent.$options._componentTag === 'md-list') ? _c('li', {
staticClass: "md-subheader",
class: [_vm.themeClass]
}, [_vm._t("default")], 2) : _c('div', {
staticClass: "md-subheader",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-a2e7fe8a", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 114:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSubheader = __webpack_require__(312);
var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
var _mdSubheader3 = __webpack_require__(254);
var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-subheader', _mdSubheader2.default);
Vue.material.styles.push(_mdSubheader4.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 174:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _mixin = __webpack_require__(1);
var _mixin2 = _interopRequireDefault(_mixin);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_mixin2.default]
}; //
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ }),
/***/ 222:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 254:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(222)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(174),
/* template */
__webpack_require__(379),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdSubheader.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-6c68ea1c", Component.options)
} else {
hotAPI.reload("data-v-6c68ea1c", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 379:
/***/ (function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return (_vm.$parent.$options._componentTag === 'md-list') ? _c('li', {
staticClass: "md-subheader",
class: [_vm.themeClass]
}, [_vm._t("default")], 2) : _c('div', {
staticClass: "md-subheader",
class: [_vm.themeClass]
}, [_vm._t("default")], 2)
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-6c68ea1c", module.exports)
}
}
/***/ }),
/***/ 422:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(114);
/***/ })
/******/ });
}));

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

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* 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 s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(96)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},96:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-subheader",e.extend(a.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=r(295),a=n(o),d=r(242),u=n(d);e.exports=t.default},149:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),o=n(s);t.default={mixins:[o.default]},e.exports=t.default},215:function(e,t){},242: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"},295:function(e,t,r){var n,s;r(215),n=r(149);var o=r(360);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=o.render,s.staticRenderFns=o.staticRenderFns,e.exports=n},360:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?r("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):r("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={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=422)})({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:[]}},422:function(e,t,n){e.exports=n(114)}})}));

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

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,327 +43,407 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 423);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(97);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 1:
/***/ function(module, exports) {
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
var theme = this.closestThemedParent.mdTheme;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 97:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSwitch = __webpack_require__(296);
var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
var _mdSwitch3 = __webpack_require__(243);
var _mdSwitch4 = _interopRequireDefault(_mdSwitch3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-switch', Vue.extend(_mdSwitch2.default));
Vue.material.styles.push(_mdSwitch4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 150:
/***/ 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 checkedPosition = 75; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var initialPosition = '-1px';
exports.default = {
props: {
name: String,
value: Boolean,
id: String,
disabled: Boolean,
type: {
type: String,
default: 'button'
}
},
mixins: [_mixin2.default],
data: function data() {
return {
leftPos: initialPosition,
checked: this.value
};
},
computed: {
classes: function classes() {
return {
'md-checked': Boolean(this.value),
'md-disabled': this.disabled
};
},
styles: function styles() {
return {
transform: 'translate3D(' + this.leftPos + ', -50%, 0)'
};
}
},
watch: {
checked: function checked() {
this.setPosition();
},
value: function value(_value) {
this.changeState(_value);
}
},
methods: {
setPosition: function setPosition() {
this.leftPos = this.checked ? checkedPosition + '%' : initialPosition;
},
changeState: function changeState(checked, $event) {
this.checked = checked;
this.$emit('change', this.checked, $event);
this.$emit('input', this.checked, $event);
},
toggle: function toggle($event) {
if (!this.disabled) {
this.changeState(!this.checked, $event);
}
}
},
mounted: function mounted() {
this.$nextTick(this.setPosition);
}
};
module.exports = exports['default'];
/***/ },
/***/ 210:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 243:
/***/ 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"
/***/ },
/***/ 296:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(210)
/* script */
__vue_exports__ = __webpack_require__(150)
/* template */
var __vue_template__ = __webpack_require__(352)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSwitch/mdSwitch.vue"
__vue_options__.render = __vue_template__.render
__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-7e05ff26", __vue_options__)
} else {
hotAPI.reload("data-v-7e05ff26", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSwitch.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ },
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
mdTheme: String
},
data: function data() {
return {
closestThemedParent: false
};
},
methods: {
getClosestThemedParent: function getClosestThemedParent($parent) {
if (!$parent || !$parent.$el || $parent._uid === 0) {
return false;
}
/***/ 352:
/***/ function(module, exports, __webpack_require__) {
if ($parent.mdTheme || $parent.mdName) {
return $parent;
}
module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
return _c('div', {
staticClass: "md-switch",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-switch-container",
on: {
"click": function($event) {
_vm.toggle($event)
}
}
}, [_c('div', {
staticClass: "md-switch-thumb",
style: (_vm.styles)
}, [_c('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('button', {
staticClass: "md-switch-holder",
attrs: {
"type": _vm.type
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1)]), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-switch-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-7e05ff26", module.exports)
}
}
return this.getClosestThemedParent($parent.$parent);
}
},
computed: {
themeClass: function themeClass() {
if (this.mdTheme) {
return 'md-theme-' + this.mdTheme;
}
/***/ }
var theme = this.closestThemedParent.mdTheme;
/******/ })
}));
;
if (!theme) {
if (this.closestThemedParent) {
theme = this.closestThemedParent.mdName;
} else {
theme = this.$material.currentTheme;
}
}
return 'md-theme-' + theme;
}
},
mounted: function mounted() {
this.closestThemedParent = this.getClosestThemedParent(this.$parent);
if (!this.$material.currentTheme) {
this.$material.setCurrentTheme('default');
}
}
};
module.exports = exports['default'];
/***/ }),
/***/ 115:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSwitch = __webpack_require__(313);
var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
var _mdSwitch3 = __webpack_require__(255);
var _mdSwitch4 = _interopRequireDefault(_mdSwitch3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-switch', _mdSwitch2.default);
Vue.material.styles.push(_mdSwitch4.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 checkedPosition = 75; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var initialPosition = '-1px';
exports.default = {
props: {
name: String,
value: Boolean,
id: String,
disabled: Boolean,
type: {
type: String,
default: 'button'
}
},
mixins: [_mixin2.default],
data: function data() {
return {
leftPos: initialPosition,
checked: this.value
};
},
computed: {
classes: function classes() {
return {
'md-checked': Boolean(this.value),
'md-disabled': this.disabled
};
},
styles: function styles() {
return {
transform: 'translate3D(' + this.leftPos + ', -50%, 0)'
};
}
},
watch: {
checked: function checked() {
this.setPosition();
},
value: function value(_value) {
this.changeState(_value);
}
},
methods: {
setPosition: function setPosition() {
this.leftPos = this.checked ? checkedPosition + '%' : initialPosition;
},
changeState: function changeState(checked, $event) {
if (typeof $event !== 'undefined') {
this.$emit('change', $event);
if (!$event.defaultPrevented) {
this.checked = checked;
}
this.$emit('input', this.checked, $event);
} else {
this.checked = checked;
}
},
toggle: function toggle($event) {
if (!this.disabled) {
this.changeState(!this.checked, $event);
}
}
},
mounted: function mounted() {
this.$nextTick(this.setPosition);
}
};
module.exports = exports['default'];
/***/ }),
/***/ 224:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 255:
/***/ (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:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(224)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(175),
/* template */
__webpack_require__(383),
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/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.")}
if (Component.options.functional) {console.error("[vue-loader] mdSwitch.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-7c623fe4", Component.options)
} else {
hotAPI.reload("data-v-7c623fe4", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 383:
/***/ (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-switch",
class: [_vm.themeClass, _vm.classes]
}, [_c('div', {
staticClass: "md-switch-container",
on: {
"click": function($event) {
_vm.toggle($event)
}
}
}, [_c('div', {
staticClass: "md-switch-thumb",
style: (_vm.styles)
}, [_c('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
}), _vm._v(" "), _c('button', {
staticClass: "md-switch-holder",
attrs: {
"type": _vm.type
}
}), _vm._v(" "), _c('md-ink-ripple', {
attrs: {
"md-disabled": _vm.disabled
}
})], 1)]), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
staticClass: "md-switch-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")], 2) : _vm._e()])
},staticRenderFns: []}
module.exports.render._withStripped = true
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-7c623fe4", module.exports)
}
}
/***/ }),
/***/ 423:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(115);
/***/ })
/******/ });
}));

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because it is too large Load diff

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

File diff suppressed because one or more lines are too long

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

@ -97,6 +97,9 @@
.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;

481
dist/components/mdToolbar/index.debug.js vendored
View file

File diff suppressed because one or more lines are too long

10
dist/components/mdToolbar/index.js vendored
View file

File diff suppressed because one or more lines are too long

2256
dist/components/mdTooltip/index.debug.js vendored
View file

File diff suppressed because it is too large Load diff

10
dist/components/mdTooltip/index.js vendored
View file

File diff suppressed because one or more lines are too long

332
dist/components/mdWhiteframe/index.debug.js vendored
View file

@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ 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.loaded = true;
/******/ module.l = true;
/******/ // Return the exports of the module
/******/ return module.exports;
@ -43,144 +43,220 @@ return /******/ (function(modules) { // webpackBootstrap
/******/ // 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__(0);
/******/ return __webpack_require__(__webpack_require__.s = 428);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
/***/ (function(module, exports) {
module.exports = __webpack_require__(102);
module.exports = function normalizeComponent (
rawScriptExports,
compiledTemplate,
scopeId,
cssModules
) {
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
}
// 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 }
}))
}
return {
esModule: esModule,
exports: scriptExports,
options: options
}
}
/***/ },
/***/ }),
/***/ 102:
/***/ function(module, exports, __webpack_require__) {
/***/ 120:
/***/ (function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdWhiteframe = __webpack_require__(309);
var _mdWhiteframe2 = _interopRequireDefault(_mdWhiteframe);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-whiteframe', Vue.extend(_mdWhiteframe2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 163:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
props: {
mdElevation: {
type: [String, Number],
default: 1
},
mdTag: {
type: String,
default: 'div'
}
},
computed: {
classes: function classes() {
var numberedElevation = parseInt(this.mdElevation, 10);
var elevationClass = 'md-whiteframe-';
if (!isNaN(numberedElevation) && typeof numberedElevation === 'number') {
elevationClass += numberedElevation;
elevationClass += 'dp';
} else if (this.mdElevation.indexOf('dp') > -1) {
elevationClass += this.mdElevation;
}
return elevationClass;
}
},
render: function render(createElement) {
return createElement(this.mdTag, {
staticClass: 'md-whiteframe',
class: this.classes
}, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ },
/***/ 192:
/***/ function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ },
/***/ 309:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(192)
/* script */
__vue_exports__ = __webpack_require__(163)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdWhiteframe/mdWhiteframe.vue"
/* hot reload */
if (false) {(function () {
var hotAPI = require("vue-hot-reload-api")
hotAPI.install(require("vue"), false)
if (!hotAPI.compatible) return
module.hot.accept()
if (!module.hot.data) {
hotAPI.createRecord("data-v-01d6d326", __vue_options__)
} else {
hotAPI.reload("data-v-01d6d326", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdWhiteframe.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
"use strict";
/***/ }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
/******/ })
}));
;
var _mdWhiteframe = __webpack_require__(326);
var _mdWhiteframe2 = _interopRequireDefault(_mdWhiteframe);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-whiteframe', _mdWhiteframe2.default);
}
module.exports = exports['default'];
/***/ }),
/***/ 188:
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
props: {
mdElevation: {
type: [String, Number],
default: 1
},
mdTag: {
type: String,
default: 'div'
}
},
computed: {
classes: function classes() {
var numberedElevation = parseInt(this.mdElevation, 10);
var elevationClass = 'md-whiteframe-';
if (!isNaN(numberedElevation) && typeof numberedElevation === 'number') {
elevationClass += numberedElevation;
elevationClass += 'dp';
} else if (this.mdElevation.indexOf('dp') > -1) {
elevationClass += this.mdElevation;
}
return elevationClass;
}
},
render: function render(createElement) {
return createElement(this.mdTag, {
staticClass: 'md-whiteframe',
class: this.classes
}, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ }),
/***/ 214:
/***/ (function(module, exports) {
// removed by extract-text-webpack-plugin
/***/ }),
/***/ 326:
/***/ (function(module, exports, __webpack_require__) {
/* styles */
__webpack_require__(214)
var Component = __webpack_require__(0)(
/* script */
__webpack_require__(188),
/* template */
null,
/* scopeId */
null,
/* cssModules */
null
)
Component.options.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdWhiteframe/mdWhiteframe.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.")}
/* 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-489a6ee4", Component.options)
} else {
hotAPI.reload("data-v-489a6ee4", Component.options)
}
})()}
module.exports = Component.exports
/***/ }),
/***/ 428:
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(120);
/***/ })
/******/ });
}));

10
dist/components/mdWhiteframe/index.js vendored
View file

@ -1,6 +1,6 @@
/*!
* Vue Material v0.6.3
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(102)},102:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-whiteframe",e.extend(i.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(309),i=n(u);e.exports=t.default},163:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdElevation:{type:[String,Number],default:1},mdTag:{type:String,default:"div"}},computed:{classes:function(){var e=parseInt(this.mdElevation,10),t="md-whiteframe-";return isNaN(e)||"number"!=typeof e?this.mdElevation.indexOf("dp")>-1&&(t+=this.mdElevation):(t+=e,t+="dp"),t}},render:function(e){return e(this.mdTag,{staticClass:"md-whiteframe",class:this.classes},this.$slots.default)}},e.exports=t.default},192:function(e,t){},309:function(e,t,o){var n,r;o(192),n=o(163),r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),e.exports=n}})}));
* Vue Material v0.7.0
* Made with love by Marcos Moura
* Released under the MIT License.
*/
!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={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=428)})({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 f="function"==typeof u?u.options:u;if(t&&(f.render=t.render,f.staticRenderFns=t.staticRenderFns),n&&(f._scopeId=n),r){var s=f.computed||(f.computed={});Object.keys(r).forEach((function(e){var t=r[e];s[e]=function(){return t}}))}return{esModule:o,exports:u,options:f}}},120:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-whiteframe",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(326),i=r(u);e.exports=t.default},188:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdElevation:{type:[String,Number],default:1},mdTag:{type:String,default:"div"}},computed:{classes:function(){var e=parseInt(this.mdElevation,10),t="md-whiteframe-";return isNaN(e)||"number"!=typeof e?this.mdElevation.indexOf("dp")>-1&&(t+=this.mdElevation):(t+=e,t+="dp"),t}},render:function(e){return e(this.mdTag,{staticClass:"md-whiteframe",class:this.classes},this.$slots.default)}},e.exports=t.default},214:function(e,t){},326:function(e,t,n){n(214);var r=n(0)(n(188),null,null,null);e.exports=r.exports},428:function(e,t,n){e.exports=n(120)}})}));

1
dist/docs/avatar.a4498c8a.js vendored Normal file
View file

@ -0,0 +1 @@
webpackJsonp([13,34],{463:function(a,t,d){d(610);var n=d(0)(null,d(580),"data-v-fa87ed6a",null);a.exports=n.exports},542:function(a,t,d){t=a.exports=d(4)(),t.push([a.i,".md-avatar+.md-avatar[data-v-fa87ed6a]{margin-left:8px}",""])},580:function(a,t){a.exports={render:function(){var a=this,t=a.$createElement,d=a._self._c||t;return d("page-content",{attrs:{"page-title":"Components - Avatar"}},[d("docs-component",[d("div",{slot:"description"},[d("p",[a._v("Avatars can be used to represent people. When used with a specific logo, avatars can also be used to represent brand.")]),a._v(" "),d("p",[a._v("The following classes can be applied to change the color palette:")]),a._v(" "),d("ul",{staticClass:"md-body-2"},[d("li",[d("code",[a._v("md-primary")])]),a._v(" "),d("li",[d("code",[a._v("md-accent")])]),a._v(" "),d("li",[d("code",[a._v("md-warn")])])])]),a._v(" "),d("div",{slot:"api"},[d("api-table",{attrs:{name:"md-avatar"}},[d("md-table",{slot:"classes"},[d("md-table-header",[d("md-table-row",[d("md-table-head",[a._v("Name")]),a._v(" "),d("md-table-head",[a._v("Description")])],1)],1),a._v(" "),d("md-table-body",[d("md-table-row",[d("md-table-cell",[a._v("md-avatar-icon")]),a._v(" "),d("md-table-cell",[a._v("Display an icon using md-icon component")])],1),a._v(" "),d("md-table-row",[d("md-table-cell",[a._v("md-large")]),a._v(" "),d("md-table-cell",[a._v("Display large avatar")])],1)],1)],1)],1)],1),a._v(" "),d("div",{slot:"example"},[d("example-box",{attrs:{"card-title":"Default"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",[d("img",{attrs:{src:"assets/avatar.png",alt:"Avatar"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n <md-avatar>\n <img src="assets/avatar.png" alt="Avatar">\n </md-avatar>\n\n <md-avatar class="md-avatar-icon">\n <md-icon>home</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-primary">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-accent">\n <md-icon>favorite</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-warn">\n <md-icon>notes</md-icon>\n </md-avatar>\n ')])],1)]),a._v(" "),d("example-box",{attrs:{"card-title":"Large"}},[d("div",{staticClass:"avatar-holder",slot:"demo"},[d("md-avatar",{staticClass:"md-large"},[d("img",{attrs:{src:"assets/avatar-2.jpg",alt:"People"}})]),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large"},[d("md-icon",[a._v("home")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-primary"},[d("md-icon",[a._v("folder")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-accent"},[d("md-icon",[a._v("favorite")])],1),a._v(" "),d("md-avatar",{staticClass:"md-avatar-icon md-large md-warn"},[d("md-icon",[a._v("notes")])],1)],1),a._v(" "),d("div",{slot:"code"},[d("code-block",{attrs:{lang:"xml"}},[a._v('\n <md-avatar class="md-large">\n <img src="assets/avatar-2.jpg" alt="People">\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large">\n <md-icon>home</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-primary">\n <md-icon>folder</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-accent">\n <md-icon>favorite</md-icon>\n </md-avatar>\n\n <md-avatar class="md-avatar-icon md-large md-warn">\n <md-icon>notes</md-icon>\n </md-avatar>\n ')])],1)])],1)])],1)},staticRenderFns:[]}},610:function(a,t,d){var n=d(542);"string"==typeof n&&(n=[[a.i,n,""]]),n.locals&&(a.exports=n.locals);d(5)("5034cab1",n,!0)}});

1
dist/docs/base.695f7a2d.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/bottom-bar.e6f88ccc.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/button-toggle.5458c921.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/buttons.81edf435.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

2
dist/docs/card.37f54da4.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

85
dist/docs/changelog.html vendored
View file

@ -1,6 +1,89 @@
<section>
<h2 class="md-headline">
<a href="https://vuematerial.github.io/">v0.6.3 - Standalone fixes</a>
<a href="https://vuematerial.github.io/">v0.7.0 - A lot of fixes and improvements!</a>
</h2>
<h3 class="md-title">New Components:</h3>
<ul>
<li>Speed Dial</li>
</ul>
<h3 class="md-title">New Features:</h3>
<ul>
<li>
<h4 class="md-body-2">Support to icons without ligatures</h4>
<p>Now you can use icon font like Font Awesome! (Thanks to <a href="https://github.com/sombriks" target="_blank" rel="noopener">@sombriks</a>)</p>
</li>
<li>
<h4 class="md-body-2">Support to SVG icon on bottom bar</h4>
<p>(Thanks to <a href="https://github.com/sombriks" target="_blank" rel="noopener">@sombriks</a>)</p>
</li>
<li>
<h4 class="md-body-2">Select working without v-model</h4>
<p>For those who use Laravel with Vue.js...</p>
</li>
<li>
<h4 class="md-body-2">List item component recriated from scratch</h4>
<p>Now more performant and more stable.</p>
</li>
<li>
<h4 class="md-body-2">Swipe gestures on left Sidenav</h4>
<p>More responsive and fluid experience on mobile devices. (Thanks to <a href="https://github.com/igor-ribeiro" target="_blank" rel="noopener">@igor-ribeiro</a>)</p>
</li>
<li>
<h4 class="md-body-2">Support to Theme Color on Android</h4>
<p>Change the browser window color inside Chrome for Android based on the current theme.</p>
</li>
</ul>
<h3 class="md-title">Breaking changes:</h3>
<ul>
<li>
<p>To avoid issues and conflicts between multiple events on buttons and other "clickable" components the internal <code>@click</code> event don't work anymore. Use <code>@click.native</code> instead.</p>
</li>
<li>
<p><strong>Only for contributors:</strong> To build Vue Material is now needed to upgrade all dependencies. Vue Material uses Webpack 2 under the hood and all dependencies were bumped to the latest.</p>
</li>
</ul>
<h3 class="md-title">Fixes:</h3>
<ul>
<li>check for null parent elements in mdInkRipple <a href="https://github.com/marcosmoura/vue-material/issues/313" target="_blank" rel="noopener">#313</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
<li>update the number of rows if the data set changes on mdTable <a href="https://github.com/marcosmoura/vue-material/issues/320" target="_blank" rel="noopener">#320</a> (Thanks to <a href="https://github.com/pablohpsilva" target="_blank" rel="noopener">@pablohpsilva</a>)</li>
<li>disable pointer events on snackbar container <a href="https://github.com/marcosmoura/vue-material/issues/327" target="_blank" rel="noopener">#327</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
<li>allow null value to be passed to parent of md-select <a href="https://github.com/marcosmoura/vue-material/issues/338" target="_blank" rel="noopener">#338</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
<li>fix textarea autosize on initial value <a href="https://github.com/marcosmoura/vue-material/issues/341" target="_blank" rel="noopener">#341</a> (Thanks to <a href="https://github.com/korylprince" target="_blank" rel="noopener">@korylprince</a>)</li>
<li>fix char counter not updating after model change <a href="https://github.com/marcosmoura/vue-material/issues/384" target="_blank" rel="noopener">#384</a></li>
<li>prevent parent forms from submitting when adding chips <a href="https://github.com/marcosmoura/vue-material/issues/383" target="_blank" rel="noopener">#383</a></li>
<li>prevent body from scroll on dialogs and menus <a href="https://github.com/marcosmoura/vue-material/issues/373" target="_blank" rel="noopener">#373</a></li>
<li>fix error message not moving down on textarea <a href="https://github.com/marcosmoura/vue-material/issues/362" target="_blank" rel="noopener">#362</a></li>
<li>add checked attribute to checkbox <a href="https://github.com/marcosmoura/vue-material/issues/366" target="_blank" rel="noopener">#366</a></li>
<li>add select events when open and close mdSelect <a href="https://github.com/marcosmoura/vue-material/issues/357" target="_blank" rel="noopener">#357</a></li>
<li>fix radio parsing md-value wrongly when null <a href="https://github.com/marcosmoura/vue-material/issues/378" target="_blank" rel="noopener">#378</a></li>
<li>fix md-input colors inside cards <a href="https://github.com/marcosmoura/vue-material/issues/421" target="_blank" rel="noopener">#421</a></li>
<li>fix overflow button color theme in cards <a href="https://github.com/marcosmoura/vue-material/issues/421" target="_blank" rel="noopener">#421</a></li>
<li>pause snackbar timeout on hover <a href="https://github.com/marcosmoura/vue-material/issues/434" target="_blank" rel="noopener">#434</a> (Thanks to <a href="https://github.com/igor-ribeiro" target="_blank" rel="noopener">@igor-ribeiro</a>)</li>
<li>enable multiple expansions in mdList <a href="https://github.com/marcosmoura/vue-material/issues/442" target="_blank" rel="noopener">#442</a> (Thanks to <a href="https://github.com/ivictbor" target="_blank" rel="noopener">@ivictbor</a>)</li>
<li>allow preventDefault in md-switch <a href="https://github.com/marcosmoura/vue-material/issues/435" target="_blank" rel="noopener">#435</a> (Thanks to <a href="https://github.com/ivictbor" target="_blank" rel="noopener">@ivictbor</a>)</li>
<li>add styles for input inside toolbar <a href="https://github.com/marcosmoura/vue-material/issues/395" target="_blank" rel="noopener">#395</a></li>
<li>prevent ripple from getting undefined when parent elements doesnt exists</li>
<li>normalize mobile and desktop events on ripple</li>
<li>normalize mobile and desktop events on ripple</li>
<li>remove unnecessary Vue.extend on component definition</li>
<li>upgrade to webpack 2 with tree shaking support</li>
<li>update supported browsers</li>
</ul>
</section>
<section>
<h2 class="md-headline">
<a href="https://vuematerial.github.io/v0.6.3">v0.6.3 - Standalone fixes</a>
</h2>
<h3 class="md-title">Fixes:</h3>
<ul>

1
dist/docs/checkbox.7603dc1d.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/chips.996b2d4b.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/dialog.774bdbaf.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/docs.1e68547e.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

6
dist/docs/docs.478f64a5.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/file.e75792b4.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/icon.5330687d.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/image-loader.2b5a107e.js vendored Normal file
View file

@ -0,0 +1 @@
webpackJsonp([26,34],{473:function(e,a,t){var s=t(0)(t(503),t(559),null,null);e.exports=s.exports},503:function(e,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0}),a.default={data:function(){return{src:null}},methods:{loadImage:function(){var e=["assets/joker-1.jpg","assets/joker-2.jpg","assets/joker-3.jpg","assets/card-image-1.jpg","assets/card-image-2.jpg"];this.src=e[Math.floor(5*Math.random())]},clearImage:function(){this.src=null}}},e.exports=a.default},559:function(e,a){e.exports={render:function(){var e=this,a=e.$createElement,t=e._self._c||a;return t("page-content",{attrs:{"page-title":"Components - Image Loader"}},[t("docs-component",[t("div",{slot:"description"},[t("p",[e._v("Illustrations and photographs may load and transition in three phases by staggering opacity, exposure, and saturation levels.")])]),e._v(" "),t("div",{slot:"api"},[t("api-table",{attrs:{name:"md-image"}},[t("md-table",{slot:"properties"},[t("md-table-header",[t("md-table-row",[t("md-table-head",[e._v("Name")]),e._v(" "),t("md-table-head",[e._v("Type")]),e._v(" "),t("md-table-head",[e._v("Description")])],1)],1),e._v(" "),t("md-table-body",[t("md-table-row",[t("md-table-cell",[e._v("md-src")]),e._v(" "),t("md-table-cell",[t("code",[e._v("String")])]),e._v(" "),t("md-table-cell",[e._v("The image source. Accepts any image file extension.")])],1)],1)],1)],1)],1),e._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Default"}},[t("div",{slot:"demo"},[t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(a){e.loadImage(a)}}},[e._v("Load Image")]),e._v(" "),t("md-button",{staticClass:"md-primary md-raised",nativeOn:{click:function(a){e.clearImage(a)}}},[e._v("Clear Image")]),e._v(" "),t("div",[t("md-image",{attrs:{"md-src":e.src}})],1)],1),e._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[e._v('\n <md-button class="md-primary md-raised" @click.native="loadImage">Load Image</md-button>\n <md-button class="md-primary md-raised" @click.native="clearImage">Clear Image</md-button>\n\n <div>\n <md-image :md-src="src"></md-image>\n </div>\n ')]),e._v(" "),t("code-block",{attrs:{lang:"xml"}},[e._v("\n export default {\n data: () => ({\n src: null\n }),\n methods: {\n loadImage() {\n let options = [\n 'assets/joker-1.jpg',\n 'assets/joker-2.jpg',\n 'assets/joker-3.jpg',\n 'assets/card-image-1.jpg',\n 'assets/card-image-2.jpg'\n ];\n\n this.src = options[Math.floor(Math.random() * 5)];\n },\n clearImage() {\n this.src = null;\n }\n }\n };\n ")])],1)])],1)])],1)},staticRenderFns:[]}}});

2
dist/docs/index.html vendored
View file

@ -1 +1 @@
<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=/assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=/assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=/assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=/assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=/assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=/assets/favicon/manifest.json><link rel=mask-icon href=/assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=/assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.77420282.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.2b0afab6.js></script><script src=vendor.ae4be299.js></script><script src=docs.abaf0d65.js></script>
<!DOCTYPE html><html lang=en-us><meta charset=utf-8><meta http-equiv=cleartype content=on><meta name=viewport content="width=device-width,initial-scale=1,minimal-ui"><meta name=mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content="Vue Material"><meta name=application-name content="Vue Material"><meta name=description content="Material Design for Vue"><meta name=msapplication-config content=/assets/favicon/browserconfig.xml><meta name=theme-color content=#2196f3><link rel=apple-touch-icon sizes=180x180 href=/assets/favicon/apple-touch-icon.png><link rel=icon type=image/png href=/assets/favicon/favicon-32x32.png sizes=32x32><link rel=icon type=image/png href=/assets/favicon/favicon-194x194.png sizes=194x194><link rel=icon type=image/png href=/assets/favicon/android-chrome-192x192.png sizes=192x192><link rel=icon type=image/png href=/assets/favicon/favicon-16x16.png sizes=16x16><link rel=manifest href=/assets/favicon/manifest.json><link rel=mask-icon href=/assets/favicon/safari-pinned-tab.svg color=#2196f3><link rel="shortcut icon" href=/assets/favicon/favicon.ico><title>Vue Material</title><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="https://fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.1e68547e.css rel=stylesheet><div id=app v-cloak><docs></docs></div><script>!function(e,t,a,n,c,o,s){e.GoogleAnalyticsObject=c,e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},e[c].l=1*new Date,o=t.createElement(a),s=t.getElementsByTagName(a)[0],o.async=1,o.src=n,s.parentNode.insertBefore(o,s)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-85823257-1","auto"),ga("send","pageview")</script><script src=manifest.09510f01.js></script><script src=vendor.51aac3ed.js></script><script src=docs.478f64a5.js></script>

1
dist/docs/ink-ripple.c6c186b1.js vendored Normal file
View file

@ -0,0 +1 @@
webpackJsonp([14,34],{474:function(e,n,i){i(606);var a=i(0)(null,i(575),"data-v-9d2ca598",null);e.exports=a.exports},538:function(e,n,i){n=e.exports=i(4)(),n.push([e.i,".has-ripple[data-v-9d2ca598]{margin-bottom:16px;padding:20px;display:inline-block;position:relative}.blue[data-v-9d2ca598]{color:#2196f3}.purple[data-v-9d2ca598]{color:#9c27b0}.red[data-v-9d2ca598]{color:#f44336}.card-ripple[data-v-9d2ca598]{width:300px;margin-top:24px}",""])},575:function(e,n){e.exports={render:function(){var e=this,n=e.$createElement,i=e._self._c||n;return i("page-content",{attrs:{"page-title":"Components - Ink Ripple"}},[i("docs-component",[i("div",{slot:"description"},[i("p",[e._v("Ink ripples confirm user input by immediately expanding outward from the point of touch. The card lifts to indicate an active state.")]),e._v(" "),i("p",[e._v("To disable the ripple component globally just call the API: ")]),e._v(" "),i("code-block",{attrs:{lang:"javascript"}},[e._v("\n // Anywhere\n Vue.material.inkRipple = false\n\n // Inside a Vue Intance\n this.$material.inkRipple = false\n ")])],1),e._v(" "),i("div",{slot:"api"},[i("api-table",{attrs:{name:"md-ink-ripple"}},[i("md-table",{slot:"properties"},[i("md-table-header",[i("md-table-row",[i("md-table-head",[e._v("Name")]),e._v(" "),i("md-table-head",[e._v("Type")]),e._v(" "),i("md-table-head",[e._v("Description")])],1)],1),e._v(" "),i("md-table-body",[i("md-table-row",[i("md-table-cell",[e._v("md-disabled")]),e._v(" "),i("md-table-cell",[i("code",[e._v("Boolean")])]),e._v(" "),i("md-table-cell",[e._v("Disable the ripple effect on the parent element. Default "),i("code",[e._v("false")])])],1)],1)],1)],1)],1),e._v(" "),i("div",{slot:"example"},[i("example-box",{attrs:{"card-title":"Default"}},[i("div",{slot:"demo"},[i("div",{staticClass:"has-ripple"},[i("md-ink-ripple"),e._v("\n This div has ripple effect\n ")],1),e._v(" "),i("div",{staticClass:"has-ripple purple"},[i("md-ink-ripple"),e._v("\n This div has ripple effect\n ")],1),e._v(" "),i("div",{staticClass:"has-ripple blue"},[i("md-ink-ripple"),e._v("\n This div has ripple effect\n ")],1),e._v(" "),i("div",{staticClass:"has-ripple red"},[i("md-ink-ripple"),e._v("\n This div has ripple effect\n ")],1),e._v(" "),i("md-card",{staticClass:"card-ripple",attrs:{"md-with-hover":""}},[i("md-card-media",[i("md-ink-ripple"),e._v(" "),i("img",{attrs:{src:"assets/card-image-1.jpg",alt:"People"}})],1),e._v(" "),i("md-card-actions",[i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("favorite")])],1),e._v(" "),i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("bookmark")])],1),e._v(" "),i("md-button",{staticClass:"md-icon-button"},[i("md-icon",[e._v("share")])],1)],1)],1)],1),e._v(" "),i("div",{slot:"code"},[i("code-block",{attrs:{lang:"xml"}},[e._v('\n <div class="has-ripple">\n <md-ink-ripple />\n This div has ripple effect\n </div>\n\n <div class="has-ripple purple">\n <md-ink-ripple />\n This div has ripple effect\n </div>\n\n <div class="has-ripple blue">\n <md-ink-ripple />\n This div has ripple effect\n </div>\n\n <div class="has-ripple red">\n <md-ink-ripple />\n This div has ripple effect\n </div>\n\n <md-card class="card-ripple" md-with-hover>\n <md-card-media>\n <md-ink-ripple />\n <img src="assets/card-image-1.jpg" alt="People">\n </md-card-media>\n\n <md-card-actions>\n <md-button class="md-icon-button">\n <md-icon>favorite</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>bookmark</md-icon>\n </md-button>\n\n <md-button class="md-icon-button">\n <md-icon>share</md-icon>\n </md-button>\n </md-card-actions>\n </md-card>\n ')]),e._v(" "),i("code-block",{attrs:{lang:"sass"}},[e._v("\n .has-ripple {\n margin-bottom: 16px;\n padding: 20px;\n display: inline-block;\n position: relative;\n }\n\n .blue {\n color: #2196F3;\n }\n\n .purple {\n color: #9C27B0;\n }\n\n .red {\n color: #F44336;\n }\n\n .card-ripple {\n width: 300px;\n margin-top: 24px;\n }\n ")])],1)])],1)])],1)},staticRenderFns:[]}},606:function(e,n,i){var a=i(538);"string"==typeof a&&(a=[[e.i,a,""]]),a.locals&&(e.exports=a.locals);i(5)("3123897f",a,!0)}});

1
dist/docs/input.ecca7906.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/list.21d93484.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
dist/docs/manifest.09510f01.js vendored Normal file
View file

@ -0,0 +1 @@
!(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 r=window.webpackJsonp;window.webpackJsonp=function(n,a,c){for(var i,f,d,u=0,s=[];u<n.length;u++)f=n[u],o[f]&&s.push(o[f][0]),o[f]=0;for(i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i]);for(r&&r(n,a,c);s.length;)s.shift()();if(c)for(u=0;u<c.length;u++)d=t(t.s=c[u]);return d};var n={},o={34:0};t.e=function(e){function r(){a.onerror=a.onload=null,clearTimeout(c);var t=o[e];0!==t&&(t&&t[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var n=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,t.nc&&a.setAttribute("nonce",t.nc),a.src=t.p+""+({0:"base",1:"ui-elements",2:"themes",3:"table",4:"spinner",5:"snackbar",6:"sidenav",7:"select",8:"progress",9:"input",10:"dialog",11:"buttons",12:"bottom-bar",13:"avatar",14:"ink-ripple",15:"icon",16:"menu",17:"speed-dial",18:"list",19:"button-toggle",20:"toolbar",21:"card",22:"tooltip",23:"whiteframe",24:"switch",25:"radio",26:"image-loader",27:"file",28:"chips",29:"checkbox",30:"tabs",31:"subheader",32:"docs",33:"vendor"}[e]||e)+"."+{0:"695f7a2d",1:"ac4dc67a",2:"cef94272",3:"295127fd",4:"ae9c0ffa",5:"00a46162",6:"5443196c",7:"bff7868d",8:"2ff899d0",9:"ecca7906",10:"774bdbaf",11:"81edf435",12:"e6f88ccc",13:"a4498c8a",14:"c6c186b1",15:"5330687d",16:"212fadff",17:"e07af350",18:"21d93484",19:"5458c921",20:"44924cd1",21:"37f54da4",22:"1eae832b",23:"7fa045b4",24:"9aa0318e",25:"da972ed8",26:"2b5a107e",27:"e75792b4",28:"996b2d4b",29:"7603dc1d",30:"b3bab112",31:"f0a1356a",32:"478f64a5",33:"51aac3ed"}[e]+".js";var c=setTimeout(r,12e4);a.onerror=a.onload=r;var i=new Promise(function(t,r){o[e]=[t,r]});return o[e][2]=i,n.appendChild(a),i},t.m=e,t.c=n,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.oe=function(e){throw console.error(e),e}})([]);

1
dist/docs/menu.212fadff.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

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