Merge remote-tracking branch 'origin/master' into components/mdDialog

* origin/master:
  [release] 0.3.2
  [build] 0.3.2
  fix babel export default module.exports #92
  Fix tooltips jumping when screen resize #85
  Fix table not getting instance #91 #88
  Fix input getting wrong value after manual update
  Fix regression on password review #95
  Fix input getting wrong value after manual update #100 #96
  Update getClosestVueParent.js
  use the internal value of md_input to set the value of the container
  Fix for issue #88 and added material.debug.js
This commit is contained in:
Marcos Moura 2016-11-21 01:44:44 -02:00
commit 5dbd7db9ac
90 changed files with 19927 additions and 326 deletions

View file

@ -1,3 +1,9 @@
{
"presets": ["es2015", "stage-0"]
"presets": [
"es2015",
"stage-0"
],
"plugins": [
"add-module-exports"
]
}

View file

@ -1,5 +1,6 @@
import webpack from 'webpack';
import build from './build';
import webpackConfig from '../webpack/prod-lib';
import webpackDebugConfig from '../webpack/debug-lib';
webpack(webpackConfig, build);
webpack([webpackConfig, webpackDebugConfig], build);

View file

@ -0,0 +1,11 @@
import merge from 'webpack-merge';
import prodConfig from './prod-lib';
export default merge(prodConfig, {
output: {
filename: '[name].debug.js'
},
devtool: 'source-map',
plugins: []
});

159
dist/components/mdAvatar/index.debug.js vendored Normal file
View file

@ -0,0 +1,159 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(1);
/***/ },
/* 1 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdAvatar = __webpack_require__(2);
var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
var _mdAvatar3 = __webpack_require__(5);
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'];
/***/ },
/* 2 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-1cbfca0d!sass!./mdAvatar.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* template */
var __vue_template__ = __webpack_require__(4)
__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__
/***/ },
/* 3 */,
/* 4 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-avatar"
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-1cbfca0d", module.exports)
}
}
/***/ },
/* 5 */
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-avatar.md-primary.md-avatar-icon, .THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n background-color: PRIMARY-COLOR; }\n .THEME_NAME .md-avatar.md-primary.md-avatar-icon .md-icon, .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME .md-avatar.md-accent.md-avatar-icon, .THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n background-color: ACCENT-COLOR; }\n .THEME_NAME .md-avatar.md-accent.md-avatar-icon .md-icon, .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME .md-avatar.md-warn.md-avatar-icon, .THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n background-color: WARN-COLOR; }\n .THEME_NAME .md-avatar.md-warn.md-avatar-icon .md-icon, .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n color: WARN-CONTRAST-0.99999; }\n"
/***/ }
/******/ ])
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

View file

@ -0,0 +1,344 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(6);
/***/ },
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdBottomBar = __webpack_require__(7);
var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
var _mdBottomBarItem = __webpack_require__(11);
var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
var _mdBottomBar3 = __webpack_require__(14);
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'];
/***/ },
/* 7 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-039c211e!sass!./mdBottomBar.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(9)
/* template */
var __vue_template__ = __webpack_require__(10)
__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__
/***/ },
/* 8 */,
/* 9 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdShift: Boolean
},
computed: {
classes: function classes() {
return this.mdShift ? 'md-shift' : 'md-fixed';
}
}
};
module.exports = exports['default'];
/***/ },
/* 10 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-bottom-bar",
class: _vm.classes
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-039c211e", module.exports)
}
}
/***/ },
/* 11 */
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(12)
/* template */
var __vue_template__ = __webpack_require__(13)
__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__
/***/ },
/* 12 */
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdIcon: String,
mdActive: Boolean
},
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) {
this.$parent.$children.forEach(function (item) {
item.active = false;
});
this.active = !!active;
this.$emit('click');
}
},
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'];
/***/ },
/* 13 */
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('button', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple"
}],
staticClass: "md-bottom-bar-item",
class: _vm.classes,
attrs: {
"type": "button"
},
on: {
"click": _vm.setActive
}
}, [_vm._h('md-icon', [_vm._s(_vm.mdIcon)]), " ", _vm._h('span', {
staticClass: "md-text"
}, [_vm._t("default")])])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-1c07f8a4", module.exports)
}
}
/***/ },
/* 14 */
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-bottom-bar.md-fixed, .THEME_NAME.md-bottom-bar.md-fixed {\n background-color: BACKGROUND-COLOR; }\n .THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item, .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-bottom-bar.md-shift, .THEME_NAME.md-bottom-bar.md-shift {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item, .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n color: PRIMARY-CONTRAST; }\n .THEME_NAME .md-bottom-bar.md-shift.md-accent, .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n background-color: ACCENT-COLOR; }\n .THEME_NAME .md-bottom-bar.md-shift.md-accent .md-bottom-bar-item, .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n color: ACCENT-CONTRAST-0.54; }\n .THEME_NAME .md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n color: ACCENT-CONTRAST; }\n .THEME_NAME .md-bottom-bar.md-shift.md-warn, .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n background-color: WARN-COLOR; }\n .THEME_NAME .md-bottom-bar.md-shift.md-warn .md-bottom-bar-item, .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n color: WARN-CONTRAST-0.54; }\n .THEME_NAME .md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n color: WARN-CONTRAST; }\n .THEME_NAME .md-bottom-bar.md-shift.md-transparent, .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n background-color: transparent; }\n .THEME_NAME .md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item, .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME .md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active, .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n color: BACKGROUND-CONTRAST; }\n"
/***/ }
/******/ ])
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():t.VueMaterial=o()}(this,function(){return function(t){function o(e){if(m[e])return m[e].exports;var d=m[e]={exports:{},id:e,loaded:!1};return t[e].call(d.exports,d,d.exports,o),d.loaded=!0,d.exports}var m={};return o.m=t,o.c=m,o.p="/",o(0)}({0:function(t,o,m){t.exports=m(6)},6:function(t,o,m){"use strict";function e(t){return t&&t.__esModule?t:{default:t}}function d(t){t.component("md-bottom-bar",t.extend(a.default)),t.component("md-bottom-bar-item",t.extend(n.default)),t.material.styles.push(b.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=d;var r=m(114),a=e(r),i=m(115),n=e(i),c=m(94),b=e(c)},32:function(t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default={props:{mdShift:Boolean},computed:{classes:function(){return this.mdShift?"md-shift":"md-fixed"}}}},33:function(t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default={props:{mdIcon:String,mdActive:Boolean},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active}}},watch:{mdActive:function(t){this.setActive(t)}},methods:{setActive:function(t){this.$parent.$children.forEach(function(t){t.active=!1}),this.active=!!t,this.$emit("click")}},mounted:function(){if(!this.$parent.$el.classList.contains("md-bottom-bar"))throw this.$destroy(),new Error("You should wrap the md-bottom-bar-item in a md-bottom-bar");this.mdActive&&(this.active=!0)}}},73:function(t,o){},94:function(t,o){t.exports=".THEME_NAME .md-bottom-bar.md-fixed,.THEME_NAME.md-bottom-bar.md-fixed{background-color:BACKGROUND-COLOR}.THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active{color:PRIMARY-COLOR}.THEME_NAME .md-bottom-bar.md-shift,.THEME_NAME.md-bottom-bar.md-shift{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item{color:PRIMARY-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{color:PRIMARY-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift.md-accent,.THEME_NAME.md-bottom-bar.md-shift.md-accent{background-color:ACCENT-COLOR}.THEME_NAME .md-bottom-bar.md-shift.md-accent .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item{color:ACCENT-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active{color:ACCENT-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift.md-warn,.THEME_NAME.md-bottom-bar.md-shift.md-warn{background-color:WARN-COLOR}.THEME_NAME .md-bottom-bar.md-shift.md-warn .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item{color:WARN-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active{color:WARN-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift.md-transparent,.THEME_NAME.md-bottom-bar.md-shift.md-transparent{background-color:transparent}.THEME_NAME .md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active{color:BACKGROUND-CONTRAST}\n"},114:function(t,o,m){var e,d;m(73),e=m(32);var r=m(163);d=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(d=e=e.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,t.exports=e},115:function(t,o,m){var e,d;e=m(33);var r=m(167);d=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(d=e=e.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,t.exports=e},163:function(t,o){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-bottom-bar",class:t.classes},[t._t("default")])},staticRenderFns:[]}},167:function(t,o){t.exports={render:function(){var t=this;return t._h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item",class:t.classes,attrs:{type:"button"},on:{click:t.setActive}},[t._h("md-icon",[t._s(t.mdIcon)])," ",t._h("span",{staticClass:"md-text"},[t._t("default")])])},staticRenderFns:[]}}})});
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():t.VueMaterial=o()}(this,function(){return function(t){function o(m){if(e[m])return e[m].exports;var d=e[m]={exports:{},id:m,loaded:!1};return t[m].call(d.exports,d,d.exports,o),d.loaded=!0,d.exports}var e={};return o.m=t,o.c=e,o.p="/",o(0)}({0:function(t,o,e){t.exports=e(8)},8:function(t,o,e){"use strict";function m(t){return t&&t.__esModule?t:{default:t}}function d(t){t.component("md-bottom-bar",t.extend(a.default)),t.component("md-bottom-bar-item",t.extend(n.default)),t.material.styles.push(c.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=d;var r=e(115),a=m(r),i=e(116),n=m(i),s=e(95),c=m(s);t.exports=o.default},33:function(t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default={props:{mdShift:Boolean},computed:{classes:function(){return this.mdShift?"md-shift":"md-fixed"}}},t.exports=o.default},34:function(t,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0}),o.default={props:{mdIcon:String,mdActive:Boolean},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active}}},watch:{mdActive:function(t){this.setActive(t)}},methods:{setActive:function(t){this.$parent.$children.forEach(function(t){t.active=!1}),this.active=!!t,this.$emit("click")}},mounted:function(){if(!this.$parent.$el.classList.contains("md-bottom-bar"))throw this.$destroy(),new Error("You should wrap the md-bottom-bar-item in a md-bottom-bar");this.mdActive&&(this.active=!0)}},t.exports=o.default},74:function(t,o){},95:function(t,o){t.exports=".THEME_NAME .md-bottom-bar.md-fixed,.THEME_NAME.md-bottom-bar.md-fixed{background-color:BACKGROUND-COLOR}.THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-fixed .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active{color:PRIMARY-COLOR}.THEME_NAME .md-bottom-bar.md-shift,.THEME_NAME.md-bottom-bar.md-shift{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item{color:PRIMARY-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{color:PRIMARY-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift.md-accent,.THEME_NAME.md-bottom-bar.md-shift.md-accent{background-color:ACCENT-COLOR}.THEME_NAME .md-bottom-bar.md-shift.md-accent .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item{color:ACCENT-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active{color:ACCENT-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift.md-warn,.THEME_NAME.md-bottom-bar.md-shift.md-warn{background-color:WARN-COLOR}.THEME_NAME .md-bottom-bar.md-shift.md-warn .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item{color:WARN-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active{color:WARN-CONTRAST}.THEME_NAME .md-bottom-bar.md-shift.md-transparent,.THEME_NAME.md-bottom-bar.md-shift.md-transparent{background-color:transparent}.THEME_NAME .md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item,.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item{color:BACKGROUND-CONTRAST-0.54}.THEME_NAME .md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active,.THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active{color:BACKGROUND-CONTRAST}\n"},115:function(t,o,e){var m,d;e(74),m=e(33);var r=e(164);d=m=m||{},"object"!=typeof m.default&&"function"!=typeof m.default||(d=m=m.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,t.exports=m},116:function(t,o,e){var m,d;m=e(34);var r=e(168);d=m=m||{},"object"!=typeof m.default&&"function"!=typeof m.default||(d=m=m.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,t.exports=m},164:function(t,o){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-bottom-bar",class:t.classes},[t._t("default")])},staticRenderFns:[]}},168:function(t,o){t.exports={render:function(){var t=this;return t._h("button",{directives:[{name:"md-ink-ripple",rawName:"v-md-ink-ripple"}],staticClass:"md-bottom-bar-item",class:t.classes,attrs:{type:"button"},on:{click:t.setActive}},[t._h("md-icon",[t._s(t.mdIcon)])," ",t._h("span",{staticClass:"md-text"},[t._t("default")])])},staticRenderFns:[]}}})});

202
dist/components/mdButton/index.debug.js vendored Normal file
View file

@ -0,0 +1,202 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(15);
/***/ },
/***/ 15:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButton = __webpack_require__(16);
var _mdButton2 = _interopRequireDefault(_mdButton);
var _mdButton3 = __webpack_require__(19);
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'];
/***/ },
/***/ 16:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-9b3983a6!sass!./mdButton.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(18)
__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"
/* 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__
/***/ },
/***/ 18:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
//
//
exports.default = {
props: {
href: String,
type: String,
disabled: Boolean
},
render: function render(createElement) {
var _this = this;
var isDisabled = Boolean(this.disabled);
var hasLink = Boolean(this.href);
var tag = 'button';
var options = {
staticClass: 'md-button',
attrs: {
type: this.type || 'button',
disabled: isDisabled
},
on: {
click: function click() {
_this.$emit('click');
}
}
};
var ripple = createElement('md-ink-ripple', {
attrs: {
mdDisabled: isDisabled
}
});
if (hasLink) {
tag = 'a';
options.attrs.href = this.href;
delete options.attrs.type;
}
return createElement(tag, options, [].concat(_toConsumableArray(this.$slots.default), [ripple]));
}
};
module.exports = exports['default'];
/***/ },
/***/ 19:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-button:not([disabled]).md-raised:not(.md-icon-button), .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n color: BACKGROUND-COLOR-900;\n background-color: BACKGROUND-COLOR-50; }\n .THEME_NAME .md-button:not([disabled]).md-raised:not(.md-icon-button):hover, .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME .md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised), .THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n color: BACKGROUND-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-fab, .THEME_NAME.md-button:not([disabled]).md-fab {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME .md-button:not([disabled]).md-fab:hover, .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME .md-button:not([disabled]).md-fab.md-clean, .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n color: BACKGROUND-COLOR-900;\n background-color: BACKGROUND-COLOR-50; }\n .THEME_NAME .md-button:not([disabled]).md-fab.md-clean:hover, .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME .md-button:not([disabled]).md-primary:not(.md-icon-button), .THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-primary.md-raised, .THEME_NAME .md-button:not([disabled]).md-primary.md-fab, .THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME .md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME .md-button:not([disabled]).md-primary.md-fab:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME .md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised), .THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-accent:not(.md-icon-button), .THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-accent.md-raised, .THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n background-color: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n .THEME_NAME .md-button:not([disabled]).md-accent.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME .md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised), .THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-warn:not(.md-icon-button), .THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-button:not([disabled]).md-warn.md-raised, .THEME_NAME .md-button:not([disabled]).md-warn.md-fab, .THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n background-color: WARN-COLOR;\n color: WARN-CONTRAST; }\n .THEME_NAME .md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME .md-button:not([disabled]).md-warn.md-fab:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n background-color: WARN-COLOR-600; }\n\n.THEME_NAME .md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised), .THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n color: WARN-COLOR; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,228 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(20);
/***/ },
/***/ 20:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdButtonToggle = __webpack_require__(21);
var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
var _mdButtonToggle3 = __webpack_require__(25);
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'];
/***/ },
/***/ 21:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-106cf22d!sass!./mdButtonToggle.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(23)
/* template */
var __vue_template__ = __webpack_require__(24)
__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__
/***/ },
/***/ 23:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
var onClickButton = void 0;
exports.default = {
props: {
type: String
},
mounted: function mounted() {
var _this = this;
this.$children.forEach(function (child) {
var element = child.$el;
var toggleClass = 'md-toggle';
onClickButton = function onClickButton() {
if (_this.type === 'radio') {
_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'];
/***/ },
/***/ 24:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-button-group md-button-toggle"
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-106cf22d", module.exports)
}
}
/***/ },
/***/ 25:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-button-toggle .md-button:after, .THEME_NAME.md-button-toggle .md-button:after {\n width: 1px;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: \" \"; }\n\n.THEME_NAME .md-button-toggle .md-toggle, .THEME_NAME.md-button-toggle .md-toggle {\n color: BACKGROUND-CONTRAST-600;\n background-color: BACKGROUND-COLOR-500; }\n .THEME_NAME .md-button-toggle .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n background-color: BACKGROUND-COLOR-600; }\n .THEME_NAME .md-button-toggle .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n background-color: BACKGROUND-COLOR-600; }\n\n.THEME_NAME .md-button-toggle.md-primary .md-toggle, .THEME_NAME.md-button-toggle.md-primary .md-toggle {\n color: PRIMARY-CONTRAST;\n background-color: PRIMARY-COLOR; }\n .THEME_NAME .md-button-toggle.md-primary .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n background-color: PRIMARY-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-primary .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n background-color: PRIMARY-COLOR-700; }\n\n.THEME_NAME .md-button-toggle.md-accent .md-toggle, .THEME_NAME.md-button-toggle.md-accent .md-toggle {\n color: ACCENT-CONTRAST;\n background-color: ACCENT-COLOR; }\n .THEME_NAME .md-button-toggle.md-accent .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n background-color: ACCENT-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-accent .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n background-color: ACCENT-COLOR-700; }\n\n.THEME_NAME .md-button-toggle.md-warn .md-toggle, .THEME_NAME.md-button-toggle.md-warn .md-toggle {\n color: WARN-CONTRAST;\n background-color: WARN-COLOR; }\n .THEME_NAME .md-button-toggle.md-warn .md-toggle:hover:not([disabled]), .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n background-color: WARN-COLOR-600; }\n .THEME_NAME .md-button-toggle.md-warn .md-toggle + .md-toggle:after, .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n background-color: WARN-COLOR-700; }\n\n.THEME_NAME .md-button-toggle [disabled], .THEME_NAME.md-button-toggle [disabled] {\n color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME .md-button-toggle [disabled].md-toggle, .THEME_NAME.md-button-toggle [disabled].md-toggle {\n color: BACKGROUND-CONTRAST-0.2;\n background-color: rgba(0, 0, 0, 0.26); }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

1068
dist/components/mdCard/index.debug.js vendored Normal file

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,264 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(55);
/***/ },
/***/ 55:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdCheckbox = __webpack_require__(56);
var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
var _mdCheckbox3 = __webpack_require__(60);
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'];
/***/ },
/***/ 56:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-9db725e6!sass!./mdCheckbox.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(58)
/* template */
var __vue_template__ = __webpack_require__(59)
__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__
/***/ },
/***/ 58:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
name: String,
value: [String, Boolean],
id: String,
disabled: Boolean
},
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'];
/***/ },
/***/ 59:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-checkbox",
class: _vm.classes
}, [_vm._h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
value: (_vm.disabled),
expression: "disabled"
}],
staticClass: "md-checkbox-container",
attrs: {
"tabindex": "0"
},
on: {
"click": function($event) {
$event.stopPropagation();
_vm.toggleCheck($event)
}
}
}, [_vm._h('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled,
"tabindex": "-1"
},
domProps: {
"value": _vm.value
}
})]), " ", (_vm.$slots.default) ? _vm._h('label', {
staticClass: "md-checkbox-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")]) : _vm._e()])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-9db725e6", module.exports)
}
}
/***/ },
/***/ 60:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-checkbox.md-checked .md-checkbox-container, .THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n background-color: ACCENT-COLOR;\n border-color: ACCENT-COLOR; }\n .THEME_NAME .md-checkbox.md-checked .md-checkbox-container:after, .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME .md-checkbox.md-checked .md-ink-ripple, .THEME_NAME.md-checkbox.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-checkbox.md-checked .md-ripple, .THEME_NAME.md-checkbox.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container, .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n background-color: PRIMARY-COLOR;\n border-color: PRIMARY-COLOR; }\n .THEME_NAME .md-checkbox.md-primary.md-checked .md-checkbox-container:after, .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME .md-checkbox.md-primary.md-checked .md-ink-ripple, .THEME_NAME.md-checkbox.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container, .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n background-color: WARN-COLOR;\n border-color: WARN-COLOR; }\n .THEME_NAME .md-checkbox.md-warn.md-checked .md-checkbox-container:after, .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n border-color: WARN-CONTRAST; }\n\n.THEME_NAME .md-checkbox.md-warn.md-checked .md-ink-ripple, .THEME_NAME.md-checkbox.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-checkbox.md-disabled.md-checked .md-checkbox-container, .THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n background-color: rgba(0, 0, 0, 0.26);\n border-color: transparent; }\n\n.THEME_NAME .md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container, .THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

1304
dist/components/mdCore/index.debug.js vendored Normal file

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

151
dist/components/mdDivider/index.debug.js vendored Normal file
View file

@ -0,0 +1,151 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(74);
/***/ },
/***/ 74:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdDivider = __webpack_require__(75);
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'];
/***/ },
/***/ 75:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-30e870da!sass!./mdDivider.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* template */
var __vue_template__ = __webpack_require__(77)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/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__
/***/ },
/***/ 77:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('hr', {
staticClass: "md-divider"
})
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-30e870da", module.exports)
}
}
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

164
dist/components/mdIcon/index.debug.js vendored Normal file
View file

@ -0,0 +1,164 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(78);
/***/ },
/***/ 78:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdIcon = __webpack_require__(79);
var _mdIcon2 = _interopRequireDefault(_mdIcon);
var _mdIcon3 = __webpack_require__(82);
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'];
/***/ },
/***/ 79:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-f5836666!sass!./mdIcon.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* template */
var __vue_template__ = __webpack_require__(81)
__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__
/***/ },
/***/ 81:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('i', {
staticClass: "md-icon material-icons"
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-f5836666", module.exports)
}
}
/***/ },
/***/ 82:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-icon.md-primary, .THEME_NAME.md-icon.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-icon.md-accent, .THEME_NAME.md-icon.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-icon.md-warn, .THEME_NAME.md-icon.md-warn {\n color: WARN-COLOR; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(12)},12:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(c.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(130),c=o(i),d=n(99),u=o(d)},92:function(e,t){},99:function(e,t){e.exports=".THEME_NAME .md-icon.md-primary,.THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-icon.md-accent,.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-icon.md-warn,.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},130:function(e,t,n){var o,r;n(92);var i=n(202);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=o},202:function(e,t){e.exports={render:function(){var e=this;return e._h("i",{staticClass:"md-icon material-icons"},[e._t("default")])},staticRenderFns:[]}}})});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(14)},14:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(c.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(131),c=o(i),d=n(100),u=o(d);e.exports=t.default},93:function(e,t){},100:function(e,t){e.exports=".THEME_NAME .md-icon.md-primary,.THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME .md-icon.md-accent,.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME .md-icon.md-warn,.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},131:function(e,t,n){var o,r;n(93);var i=n(203);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=o},203:function(e,t){e.exports={render:function(){var e=this;return e._h("i",{staticClass:"md-icon material-icons"},[e._t("default")])},staticRenderFns:[]}}})});

View file

@ -0,0 +1,988 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(83);
/***/ },
/***/ 83:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdInputContainer = __webpack_require__(84);
var _mdInputContainer2 = _interopRequireDefault(_mdInputContainer);
var _mdInput = __webpack_require__(89);
var _mdInput2 = _interopRequireDefault(_mdInput);
var _mdTextarea = __webpack_require__(94);
var _mdTextarea2 = _interopRequireDefault(_mdTextarea);
var _mdInputContainer3 = __webpack_require__(98);
var _mdInputContainer4 = _interopRequireDefault(_mdInputContainer3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-input-container', _mdInputContainer2.default);
Vue.component('md-input', _mdInput2.default);
Vue.component('md-textarea', _mdTextarea2.default);
Vue.material.styles.push(_mdInputContainer4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 84:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-4e747acd!sass!./mdInputContainer.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(86)
/* template */
var __vue_template__ = __webpack_require__(88)
__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/mdInputContainer/mdInputContainer.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-4e747acd", __vue_options__)
} else {
hotAPI.reload("data-v-4e747acd", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdInputContainer.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 86:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _isArray = __webpack_require__(87);
var _isArray2 = _interopRequireDefault(_isArray);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
mdInline: Boolean,
mdDisabled: Boolean,
mdHasPassword: Boolean
},
data: function data() {
return {
value: '',
input: false,
showPassword: false,
enableCounter: false,
hasSelect: false,
hasPlaceholder: false,
isDisabled: false,
isRequired: false,
isFocused: false,
counterLength: 0,
inputLength: 0
};
},
computed: {
hasValue: function hasValue() {
if ((0, _isArray2.default)(this.value)) {
return this.value.length > 0;
}
return Boolean(this.value);
},
classes: function classes() {
return {
'md-input-inline': this.mdInline,
'md-has-password': this.mdHasPassword,
'md-has-select': this.hasSelect,
'md-has-value': this.hasValue,
'md-input-placeholder': this.hasPlaceholder,
'md-input-disabled': this.isDisabled,
'md-input-required': this.isRequired,
'md-input-focused': this.isFocused
};
}
},
methods: {
isInput: function isInput() {
return this.input && this.input.tagName.toLowerCase() === 'input';
},
togglePasswordType: function togglePasswordType() {
if (this.isInput()) {
if (this.input.type === 'password') {
this.input.type = 'text';
this.showPassword = true;
} else {
this.input.type = 'password';
this.showPassword = false;
}
this.input.focus();
}
},
setValue: function setValue(value) {
this.value = value;
}
},
mounted: function mounted() {
this.input = this.$el.querySelectorAll('input, textarea, select')[0];
if (!this.input) {
this.$destroy();
throw new Error('Missing input/select/textarea inside md-input-container');
}
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 87:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var isArray = function isArray(value) {
return value && value.constructor === Array;
};
exports.default = isArray;
module.exports = exports["default"];
/***/ },
/***/ 88:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-input-container",
class: _vm.classes
}, [_vm._t("default"), " ", (_vm.enableCounter) ? _vm._h('span', {
staticClass: "md-count"
}, [_vm._s(_vm.inputLength) + " / " + _vm._s(_vm.counterLength)]) : _vm._e(), " ", (_vm.mdHasPassword) ? _vm._h('md-button', {
staticClass: "md-icon-button md-toggle-password",
on: {
"click": _vm.togglePasswordType
}
}, [_vm._h('md-icon', [_vm._s(_vm.showPassword ? 'visibility_off' : 'visibility')])]) : _vm._e()])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-4e747acd", module.exports)
}
}
/***/ },
/***/ 89:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(90)
/* template */
var __vue_template__ = __webpack_require__(93)
__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/mdInputContainer/mdInput.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-53a56078", __vue_options__)
} else {
hotAPI.reload("data-v-53a56078", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdInput.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 90:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _common = __webpack_require__(91);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
mixins: [_common2.default],
props: {
type: {
type: String,
default: 'text'
}
},
mounted: function mounted() {
this.parentContainer = (0, _getClosestVueParent2.default)(this.$parent, 'md-input-container');
if (!this.parentContainer) {
this.$destroy();
throw new Error('You should wrap the md-input in a md-input-container');
}
this.setParentDisabled();
this.setParentRequired();
this.setParentPlaceholder();
this.setParentValue();
this.handleMaxLength();
}
};
module.exports = exports['default'];
/***/ },
/***/ 91:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
value: [String, Number],
disabled: Boolean,
required: Boolean,
maxlength: [Number, String],
placeholder: String
},
watch: {
value: function value() {
this.setParentValue();
},
disabled: function disabled() {
this.setParentDisabled();
},
required: function required() {
this.setParentRequired();
},
placeholder: function placeholder() {
this.setParentPlaceholder();
},
maxlength: function maxlength() {
this.handleMaxLength();
}
},
methods: {
handleMaxLength: function handleMaxLength() {
this.parentContainer.enableCounter = this.maxlength > 0;
this.parentContainer.counterLength = this.maxlength;
},
setParentValue: function setParentValue() {
this.parentContainer.setValue(this.value);
},
setParentDisabled: function setParentDisabled() {
this.parentContainer.isDisabled = this.disabled;
},
setParentRequired: function setParentRequired() {
this.parentContainer.isRequired = this.required;
},
setParentPlaceholder: function setParentPlaceholder() {
this.parentContainer.hasPlaceholder = !!this.placeholder;
},
onFocus: function onFocus() {
this.parentContainer.isFocused = true;
},
onBlur: function onBlur() {
this.parentContainer.isFocused = false;
this.setParentValue();
},
onInput: function onInput() {
this.setParentValue();
this.parentContainer.inputLength = this.value ? this.value.length : 0;
this.$emit('change', this.value);
this.$emit('input', this.value);
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 92:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
return false;
}
if ($parent._uid === 0) {
return false;
}
if ($parent.$el.classList.contains(cssClass)) {
return $parent;
}
return getClosestVueParent($parent.$parent, cssClass);
};
exports.default = getClosestVueParent;
module.exports = exports["default"];
/***/ },
/***/ 93:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('input', {
staticClass: "md-input",
attrs: {
"type": _vm.type,
"disabled": _vm.disabled,
"required": _vm.required,
"placeholder": _vm.placeholder,
"maxlength": _vm.maxlength
},
domProps: {
"value": _vm.value
},
on: {
"focus": _vm.onFocus,
"blur": _vm.onBlur,
"input": _vm.onInput,
"keydown": [function($event) {
if ($event.keyCode !== 38) { return; }
_vm.onInput($event)
}, function($event) {
if ($event.keyCode !== 40) { return; }
_vm.onInput($event)
}]
}
})
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-53a56078", module.exports)
}
}
/***/ },
/***/ 94:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(95)
/* template */
var __vue_template__ = __webpack_require__(97)
__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/mdInputContainer/mdTextarea.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-62d24f30", __vue_options__)
} else {
hotAPI.reload("data-v-62d24f30", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdTextarea.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 95:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _autosize = __webpack_require__(96);
var _autosize2 = _interopRequireDefault(_autosize);
var _common = __webpack_require__(91);
var _common2 = _interopRequireDefault(_common);
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
mixins: [_common2.default],
mounted: function mounted() {
this.parentContainer = (0, _getClosestVueParent2.default)(this.$parent, 'md-input-container');
if (!this.parentContainer) {
this.$destroy();
throw new Error('You should wrap the md-textarea in a md-input-container');
}
this.setParentDisabled();
this.setParentRequired();
this.setParentPlaceholder();
this.setParentValue();
this.handleMaxLength();
if (!this.$el.getAttribute('rows')) {
this.$el.setAttribute('rows', '1');
}
(0, _autosize2.default)(this.$el);
},
beforeDestroy: function beforeDestroy() {
_autosize2.default.destroy(this.$el);
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 96:
/***/ function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Autosize 3.0.18
license: MIT
http://www.jacklmoore.com/autosize
*/
(function (global, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, module], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory), __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ? (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else if (typeof exports !== 'undefined' && typeof module !== 'undefined') {
factory(exports, module);
} else {
var mod = {
exports: {}
};
factory(mod.exports, mod);
global.autosize = mod.exports;
}
})(this, function (exports, module) {
'use strict';
var map = typeof Map === 'function' ? new Map() : (function () {
var keys = [];
var values = [];
return {
has: function has(key) {
return keys.indexOf(key) > -1;
},
get: function get(key) {
return values[keys.indexOf(key)];
},
set: function set(key, value) {
if (keys.indexOf(key) === -1) {
keys.push(key);
values.push(value);
}
},
'delete': function _delete(key) {
var index = keys.indexOf(key);
if (index > -1) {
keys.splice(index, 1);
values.splice(index, 1);
}
} };
})();
var createEvent = function createEvent(name) {
return new Event(name);
};
try {
new Event('test');
} catch (e) {
// IE does not support `new Event()`
createEvent = function (name) {
var evt = document.createEvent('Event');
evt.initEvent(name, true, false);
return evt;
};
}
function assign(ta) {
if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;
var heightOffset = null;
var clientWidth = ta.clientWidth;
var cachedHeight = null;
function init() {
var style = window.getComputedStyle(ta, null);
if (style.resize === 'vertical') {
ta.style.resize = 'none';
} else if (style.resize === 'both') {
ta.style.resize = 'horizontal';
}
if (style.boxSizing === 'content-box') {
heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
} else {
heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
}
// Fix when a textarea is not on document body and heightOffset is Not a Number
if (isNaN(heightOffset)) {
heightOffset = 0;
}
update();
}
function changeOverflow(value) {
{
// Chrome/Safari-specific fix:
// When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
// made available by removing the scrollbar. The following forces the necessary text reflow.
var width = ta.style.width;
ta.style.width = '0px';
// Force reflow:
/* jshint ignore:start */
ta.offsetWidth;
/* jshint ignore:end */
ta.style.width = width;
}
ta.style.overflowY = value;
resize();
}
function getParentOverflows(el) {
var arr = [];
while (el && el.parentNode && el.parentNode instanceof Element) {
if (el.parentNode.scrollTop) {
arr.push({
node: el.parentNode,
scrollTop: el.parentNode.scrollTop });
}
el = el.parentNode;
}
return arr;
}
function resize() {
var originalHeight = ta.style.height;
var overflows = getParentOverflows(ta);
var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240)
ta.style.height = 'auto';
var endHeight = ta.scrollHeight + heightOffset;
if (ta.scrollHeight === 0) {
// If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
ta.style.height = originalHeight;
return;
}
ta.style.height = endHeight + 'px';
// used to check if an update is actually necessary on window.resize
clientWidth = ta.clientWidth;
// prevents scroll-position jumping
overflows.forEach(function (el) {
el.node.scrollTop = el.scrollTop;
});
if (docTop) {
document.documentElement.scrollTop = docTop;
}
}
function update() {
resize();
var computed = window.getComputedStyle(ta, null);
var computedHeight = Math.round(parseFloat(computed.height));
var styleHeight = Math.round(parseFloat(ta.style.height));
// The computed height not matching the height set via resize indicates that
// the max-height has been exceeded, in which case the overflow should be set to visible.
if (computedHeight !== styleHeight) {
if (computed.overflowY !== 'visible') {
changeOverflow('visible');
}
} else {
// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
if (computed.overflowY !== 'hidden') {
changeOverflow('hidden');
}
}
if (cachedHeight !== computedHeight) {
cachedHeight = computedHeight;
var evt = createEvent('autosize:resized');
try {
ta.dispatchEvent(evt);
} catch (err) {}
}
}
var pageResize = function pageResize() {
if (ta.clientWidth !== clientWidth) {
update();
}
};
var destroy = (function (style) {
window.removeEventListener('resize', pageResize, false);
ta.removeEventListener('input', update, false);
ta.removeEventListener('keyup', update, false);
ta.removeEventListener('autosize:destroy', destroy, false);
ta.removeEventListener('autosize:update', update, false);
Object.keys(style).forEach(function (key) {
ta.style[key] = style[key];
});
map['delete'](ta);
}).bind(ta, {
height: ta.style.height,
resize: ta.style.resize,
overflowY: ta.style.overflowY,
overflowX: ta.style.overflowX,
wordWrap: ta.style.wordWrap });
ta.addEventListener('autosize:destroy', destroy, false);
// IE9 does not fire onpropertychange or oninput for deletions,
// so binding to onkeyup to catch most of those events.
// There is no way that I know of to detect something like 'cut' in IE9.
if ('onpropertychange' in ta && 'oninput' in ta) {
ta.addEventListener('keyup', update, false);
}
window.addEventListener('resize', pageResize, false);
ta.addEventListener('input', update, false);
ta.addEventListener('autosize:update', update, false);
ta.style.overflowX = 'hidden';
ta.style.wordWrap = 'break-word';
map.set(ta, {
destroy: destroy,
update: update });
init();
}
function destroy(ta) {
var methods = map.get(ta);
if (methods) {
methods.destroy();
}
}
function update(ta) {
var methods = map.get(ta);
if (methods) {
methods.update();
}
}
var autosize = null;
// Do nothing in Node.js environment and IE8 (or lower)
if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
autosize = function (el) {
return el;
};
autosize.destroy = function (el) {
return el;
};
autosize.update = function (el) {
return el;
};
} else {
autosize = function (el, options) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], function (x) {
return assign(x, options);
});
}
return el;
};
autosize.destroy = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], destroy);
}
return el;
};
autosize.update = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], update);
}
return el;
};
}
module.exports = autosize;
});
// Firefox will throw an error on dispatchEvent for a detached element
// https://bugzilla.mozilla.org/show_bug.cgi?id=889376
/***/ },
/***/ 97:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('textarea', {
staticClass: "md-input",
attrs: {
"disabled": _vm.disabled,
"required": _vm.required,
"placeholder": _vm.placeholder,
"maxlength": _vm.maxlength
},
domProps: {
"value": _vm.value
},
on: {
"focus": _vm.onFocus,
"blur": _vm.onBlur,
"input": _vm.onInput
}
})
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-62d24f30", module.exports)
}
}
/***/ },
/***/ 98:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-input-container.md-input-invalid:after, .THEME_NAME.md-input-container.md-input-invalid:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-invalid label,\n.THEME_NAME .md-input-container.md-input-invalid .md-error,\n.THEME_NAME .md-input-container.md-input-invalid .md-count,\n.THEME_NAME .md-input-container.md-input-invalid input,\n.THEME_NAME .md-input-container.md-input-invalid textarea, .THEME_NAME.md-input-container.md-input-invalid label,\n.THEME_NAME.md-input-container.md-input-invalid .md-error,\n.THEME_NAME.md-input-container.md-input-invalid .md-count,\n.THEME_NAME.md-input-container.md-input-invalid input,\n.THEME_NAME.md-input-container.md-input-invalid textarea {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-focused.md-input-inline label, .THEME_NAME.md-input-container.md-input-focused.md-input-inline label {\n color: rgba(0, 0, 0, 0.54); }\n\n.THEME_NAME .md-input-container.md-input-focused.md-input-required label:after, .THEME_NAME.md-input-container.md-input-focused.md-input-required label:after {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-focused:after, .THEME_NAME.md-input-container.md-input-focused:after {\n height: 2px;\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-input-container.md-input-focused input,\n.THEME_NAME .md-input-container.md-input-focused textarea, .THEME_NAME.md-input-container.md-input-focused input,\n.THEME_NAME.md-input-container.md-input-focused textarea {\n color: PRIMARY-COLOR;\n text-shadow: 0 0 0 BACKGROUND-CONTRAST;\n -webkit-text-fill-color: transparent; }\n\n.THEME_NAME .md-input-container.md-input-focused label, .THEME_NAME.md-input-container.md-input-focused label {\n color: PRIMARY-COLOR; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

460
dist/components/mdList/index.debug.js vendored Normal file
View file

@ -0,0 +1,460 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(99);
/***/ },
/***/ 99:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdList = __webpack_require__(100);
var _mdList2 = _interopRequireDefault(_mdList);
var _mdListItem = __webpack_require__(103);
var _mdListItem2 = _interopRequireDefault(_mdListItem);
var _mdListExpand = __webpack_require__(105);
var _mdListExpand2 = _interopRequireDefault(_mdListExpand);
var _mdList3 = __webpack_require__(108);
var _mdList4 = _interopRequireDefault(_mdList3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-list', Vue.extend(_mdList2.default));
Vue.component('md-list-item', Vue.extend(_mdListItem2.default));
Vue.component('md-list-expand', Vue.extend(_mdListExpand2.default));
Vue.material.styles.push(_mdList4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 100:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-426a192d!sass!./mdList.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* template */
var __vue_template__ = __webpack_require__(102)
__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/mdList/mdList.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-426a192d", __vue_options__)
} else {
hotAPI.reload("data-v-426a192d", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdList.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 102:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('ul', {
staticClass: "md-list"
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-426a192d", module.exports)
}
}
/***/ },
/***/ 103:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(104)
__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/mdList/mdListItem.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-5f463740", __vue_options__)
} else {
hotAPI.reload("data-v-5f463740", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdListItem.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 104:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = {
props: {
href: String,
target: String,
disabled: Boolean
},
render: function render(createElement) {
var _this = this;
var containerClass = 'md-button md-list-item-container';
var holderClass = 'md-list-item-holder';
var slot = this.$slots.default;
var componentOptions = slot[0].componentOptions;
var expandSlot = void 0;
var expandSlotIndex = void 0;
var listItemSpec = {
staticClass: 'md-list-item',
on: {
click: function click() {
_this.$emit('click');
}
}
};
var createItemHolder = function createItemHolder(content) {
return createElement('div', { staticClass: holderClass }, content);
};
var createCompatibleRouterLink = function createCompatibleRouterLink() {
slot[0].data.staticClass = containerClass + ' ' + holderClass;
slot[0].data.directives = [{
name: 'md-ink-ripple'
}];
return createElement('li', listItemSpec, slot);
};
var prepareExpandList = function prepareExpandList() {
slot.some(function (slot, index) {
if (slot.componentOptions && slot.componentOptions.tag === 'md-list-expand') {
expandSlot = slot;
expandSlotIndex = index;
return true;
}
});
};
var createExpandIndicator = function createExpandIndicator() {
return createElement('md-icon', {
staticClass: 'md-list-expand-indicator'
}, 'keyboard_arrow_down');
};
var recalculateExpand = function recalculateExpand(element) {
element.$children.some(function (expand) {
if (expand.$el.classList.contains('md-list-expand')) {
expand.calculatePadding();
}
});
};
var handleExpandClick = function handleExpandClick(scope) {
var target = void 0;
scope.$parent.$children.some(function (child) {
var classList = child.$el.classList;
if (classList.contains('md-list-item-expand') && classList.contains('md-active')) {
target = child;
classList.remove('md-active');
recalculateExpand(child);
return true;
}
});
if (!target || scope.$el !== target.$el) {
scope.$el.classList.add('md-active');
}
};
var createExpandElement = function createExpandElement() {
slot.splice(expandSlotIndex, 1);
slot.push(createExpandIndicator());
return createElement('button', {
staticClass: containerClass,
on: {
click: function click() {
handleExpandClick(_this);
_this.$emit('click');
}
},
directives: [{
name: 'md-ink-ripple'
}]
}, [createItemHolder(slot)]);
};
var createExpandList = function createExpandList() {
listItemSpec.staticClass += ' md-list-item-expand';
return createElement('li', listItemSpec, [createExpandElement(), expandSlot]);
};
if (componentOptions && componentOptions.tag === 'router-link') {
return createCompatibleRouterLink();
}
prepareExpandList();
if (expandSlot) {
return createExpandList();
}
var buttonSpec = createElement('md-button', {
staticClass: containerClass,
attrs: {
target: this.target,
href: this.href,
disabled: this.disabled
}
}, [createItemHolder(slot)]);
if (this.target) {
buttonSpec.data.attrs.rel = 'noopener';
}
return createElement('li', listItemSpec, [buttonSpec]);
}
};
module.exports = exports['default'];
/***/ },
/***/ 105:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(106)
/* template */
var __vue_template__ = __webpack_require__(107)
__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/mdList/mdListExpand.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-149bf327", __vue_options__)
} else {
hotAPI.reload("data-v-149bf327", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdListExpand.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 106:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
data: function data() {
return {
height: 0
};
},
methods: {
calculatePadding: function calculatePadding() {
this.height = -this.$el.offsetHeight + 'px';
}
},
mounted: function mounted() {
this.calculatePadding();
}
};
module.exports = exports['default'];
/***/ },
/***/ 107:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-list-expand",
style: ({
'margin-bottom': _vm.height
})
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-149bf327", module.exports)
}
}
/***/ },
/***/ 108:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-list, .THEME_NAME.md-list {\n background-color: BACKGROUND-COLOR-A100;\n color: BACKGROUND-CONTRAST; }\n .THEME_NAME .md-list.md-transparent, .THEME_NAME.md-list.md-transparent {\n background-color: transparent;\n color: inherit; }\n .THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container, .THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item .router-link-active.md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item .router-link-active.md-list-item-container > .md-icon {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-primary .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-primary .md-list-item-container > .md-icon {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-accent .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-accent .md-list-item-container > .md-icon {\n color: ACCENT-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container, .THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container {\n color: WARN-COLOR; }\n .THEME_NAME .md-list .md-list-item.md-warn .md-list-item-container > .md-icon, .THEME_NAME.md-list .md-list-item.md-warn .md-list-item-container > .md-icon {\n color: WARN-COLOR; }\n .THEME_NAME .md-list .md-list-item-expand .md-list-item-container, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-list .md-list-item-expand .md-list-item-container:hover, .THEME_NAME .md-list .md-list-item-expand .md-list-item-container:focus, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container:hover, .THEME_NAME.md-list .md-list-item-expand .md-list-item-container:focus {\n background-color: rgba(153, 153, 153, 0.2); }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

884
dist/components/mdMenu/index.debug.js vendored Normal file
View file

@ -0,0 +1,884 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(109);
/***/ },
/***/ 92:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
return false;
}
if ($parent._uid === 0) {
return false;
}
if ($parent.$el.classList.contains(cssClass)) {
return $parent;
}
return getClosestVueParent($parent.$parent, cssClass);
};
exports.default = getClosestVueParent;
module.exports = exports["default"];
/***/ },
/***/ 109:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdMenu = __webpack_require__(110);
var _mdMenu2 = _interopRequireDefault(_mdMenu);
var _mdMenuItem = __webpack_require__(116);
var _mdMenuItem2 = _interopRequireDefault(_mdMenuItem);
var _mdMenuContent = __webpack_require__(120);
var _mdMenuContent2 = _interopRequireDefault(_mdMenuContent);
var _mdMenu3 = __webpack_require__(123);
var _mdMenu4 = _interopRequireDefault(_mdMenu3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-menu', Vue.extend(_mdMenu2.default));
Vue.component('md-menu-item', Vue.extend(_mdMenuItem2.default));
Vue.component('md-menu-content', Vue.extend(_mdMenuContent2.default));
Vue.material.styles.push(_mdMenu4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 110:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-008203e6!sass!./mdMenu.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(112)
/* template */
var __vue_template__ = __webpack_require__(115)
__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/mdMenu/mdMenu.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-008203e6", __vue_options__)
} else {
hotAPI.reload("data-v-008203e6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdMenu.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 112:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _transitionEndEventName = __webpack_require__(113);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _getInViewPosition = __webpack_require__(114);
var _getInViewPosition2 = _interopRequireDefault(_getInViewPosition);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdSize: {
type: [Number, String],
default: 0
},
mdDirection: {
type: String,
default: 'bottom right'
},
mdCloseOnSelect: {
type: Boolean,
default: true
}
},
data: function data() {
return {
browserMargin: 8,
active: false
};
},
watch: {
mdSize: function mdSize(current, previous) {
if (current >= 1 && current <= 7) {
this.removeLastSizeMenuContentClass(previous);
this.addNewSizeMenuContentClass(current);
}
},
mdDirection: function mdDirection(current, previous) {
this.removeLastDirectionMenuContentClass(previous);
this.addNewDirectionMenuContentClass(current);
}
},
methods: {
validateMenu: function validateMenu() {
if (!this.menuContent) {
this.$destroy();
throw new Error('You must have a md-menu-content inside your menu.');
}
if (!this.menuTrigger) {
this.$destroy();
throw new Error('You must have an element with a md-menu-trigger attribute inside your menu.');
}
},
removeLastSizeMenuContentClass: function removeLastSizeMenuContentClass(size) {
this.menuContent.classList.remove('md-size-' + size);
},
removeLastDirectionMenuContentClass: function removeLastDirectionMenuContentClass(direction) {
this.menuContent.classList.remove('md-direction-' + direction.replace(' ', '-'));
},
addNewSizeMenuContentClass: function addNewSizeMenuContentClass(size) {
this.menuContent.classList.add('md-size-' + size);
},
addNewDirectionMenuContentClass: function addNewDirectionMenuContentClass(direction) {
this.menuContent.classList.add('md-direction-' + direction.replace(' ', '-'));
},
closeOnOffClick: function closeOnOffClick(event) {
if (!this.$el.contains(event.target) && !this.menuContent.contains(event.target)) {
this.close();
}
},
getBottomRightPos: function getBottomRightPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top,
left: menuTriggerRect.left
};
position = (0, _getInViewPosition2.default)(this.menuContent, position);
return position;
},
getBottomLeftPos: function getBottomLeftPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top,
left: menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width
};
position = (0, _getInViewPosition2.default)(this.menuContent, position);
return position;
},
getTopRightPos: function getTopRightPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top + menuTriggerRect.height - this.menuContent.offsetHeight,
left: menuTriggerRect.left
};
position = (0, _getInViewPosition2.default)(this.menuContent, position);
return position;
},
getTopLeftPos: function getTopLeftPos() {
var menuTriggerRect = this.menuTrigger.getBoundingClientRect();
var position = {
top: menuTriggerRect.top + menuTriggerRect.height - this.menuContent.offsetHeight,
left: menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width
};
position = (0, _getInViewPosition2.default)(this.menuContent, position);
return position;
},
calculateMenuContentPos: function calculateMenuContentPos() {
var position = void 0;
switch (this.mdDirection) {
case 'bottom left':
position = this.getBottomLeftPos();
break;
case 'top right':
position = this.getTopRightPos();
break;
case 'top left':
position = this.getTopLeftPos();
break;
default:
position = this.getBottomRightPos();
}
this.menuContent.style.top = position.top + 'px';
this.menuContent.style.left = position.left + 'px';
},
recalculateOnResize: function recalculateOnResize() {
window.requestAnimationFrame(this.calculateMenuContentPos);
},
open: function open() {
if (this.$root.$el.contains(this.menuContent)) {
this.$root.$el.removeChild(this.menuContent);
}
this.$root.$el.appendChild(this.menuContent);
document.addEventListener('click', this.closeOnOffClick);
window.addEventListener('resize', this.recalculateOnResize);
this.calculateMenuContentPos();
getComputedStyle(this.menuContent).top;
this.menuContent.classList.add('md-active');
this.menuContent.focus();
this.active = true;
},
close: function close() {
var _this = this;
var menuContent = this.menuContent;
var close = function close(event) {
if (menuContent && event.target === menuContent) {
var activeRipple = _this.menuContent.querySelector('.md-ripple.md-active');
menuContent.removeEventListener(_transitionEndEventName2.default, close);
_this.menuTrigger.focus();
_this.active = false;
if (activeRipple) {
activeRipple.classList.remove('md-active');
}
_this.$root.$el.removeChild(menuContent);
document.removeEventListener('click', _this.closeOnOffClick);
window.removeEventListener('resize', _this.recalculateOnResize);
}
};
this.menuContent.addEventListener(_transitionEndEventName2.default, close);
this.menuContent.classList.remove('md-active');
},
toggle: function toggle() {
if (this.active) {
this.close();
} else {
this.open();
}
}
},
mounted: function mounted() {
this.menuTrigger = this.$el.querySelector('[md-menu-trigger]');
this.menuContent = this.$el.querySelector('.md-menu-content');
this.validateMenu();
this.addNewSizeMenuContentClass(this.mdSize);
this.addNewDirectionMenuContentClass(this.mdDirection);
this.menuContent.parentNode.removeChild(this.menuContent);
this.menuTrigger.addEventListener('click', this.toggle);
}
};
module.exports = exports['default'];
/***/ },
/***/ 113:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
function transitionEndEventName() {
var el = document.createElement('span');
var transitions = {
transition: 'transitionend',
OTransition: 'oTransitionEnd',
MozTransition: 'transitionend',
WebkitTransition: 'webkitTransitionEnd'
};
for (var transition in transitions) {
if (el.style[transition] !== undefined) {
return transitions[transition];
}
}
}
exports.default = transitionEndEventName();
module.exports = exports['default'];
/***/ },
/***/ 114:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var margin = 8;
var isAboveOfViewport = function isAboveOfViewport(element, position) {
return position.top <= margin - parseInt(getComputedStyle(element).marginTop, 10);
};
var isBelowOfViewport = function isBelowOfViewport(element, position) {
return position.top + element.offsetHeight + margin >= window.innerHeight - parseInt(getComputedStyle(element).marginTop, 10);
};
var isOnTheLeftOfViewport = function isOnTheLeftOfViewport(element, position) {
return position.left <= margin - parseInt(getComputedStyle(element).marginLeft, 10);
};
var isOnTheRightOfViewport = function isOnTheRightOfViewport(element, position) {
return position.left + element.offsetWidth + margin >= window.innerWidth - parseInt(getComputedStyle(element).marginLeft, 10);
};
var getInViewPosition = function getInViewPosition(element, position) {
var computedStyle = getComputedStyle(element);
if (isAboveOfViewport(element, position)) {
position.top = margin - parseInt(computedStyle.marginTop, 10);
}
if (isOnTheLeftOfViewport(element, position)) {
position.left = margin - parseInt(computedStyle.marginLeft, 10);
}
if (isOnTheRightOfViewport(element, position)) {
position.left = window.innerWidth - margin - element.offsetWidth - parseInt(computedStyle.marginLeft, 10);
}
if (isBelowOfViewport(element, position)) {
position.top = window.innerHeight - margin - element.offsetHeight - parseInt(computedStyle.marginTop, 10);
}
return position;
};
exports.default = getInViewPosition;
module.exports = exports["default"];
/***/ },
/***/ 115:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-menu"
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-008203e6", module.exports)
}
}
/***/ },
/***/ 116:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(117)
/* template */
var __vue_template__ = __webpack_require__(119)
__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/mdMenu/mdMenuItem.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-5cf45940", __vue_options__)
} else {
hotAPI.reload("data-v-5cf45940", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdMenuItem.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 117:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
__webpack_require__(118);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
disabled: Boolean
},
data: function data() {
return {
parentContent: {},
index: 0
};
},
computed: {
classes: function classes() {
return {
'md-highlighted': this.highlighted
};
},
highlighted: function highlighted() {
if (this.index === this.parentContent.highlighted) {
if (this.disabled) {
if (this.parentContent.oldHighlight > this.parentContent.highlighted) {
this.parentContent.highlighted--;
} else {
this.parentContent.highlighted++;
}
}
if (this.index === 1) {
this.parentContent.$el.scrollTop = 0;
} else if (this.index === this.parentContent.itemsAmount) {
this.parentContent.$el.scrollTop = this.parentContent.$el.scrollHeight;
} else {
this.$el.scrollIntoViewIfNeeded(false);
}
return true;
}
return false;
}
},
methods: {
close: function close() {
if (!this.disabled) {
if (this.parentMenu.mdCloseOnSelect) {
this.parentContent.close();
}
this.$emit('click');
}
}
},
mounted: function mounted() {
this.parentContent = (0, _getClosestVueParent2.default)(this.$parent, 'md-menu-content');
this.parentMenu = (0, _getClosestVueParent2.default)(this.$parent, 'md-menu');
if (!this.parentContent) {
this.$destroy();
throw new Error('You must wrap the md-menu-item in a md-menu-content');
}
this.parentContent.itemsAmount++;
this.index = this.parentContent.itemsAmount;
}
};
module.exports = exports['default'];
/***/ },
/***/ 118:
/***/ function(module, exports) {
if (!Element.prototype.scrollIntoViewIfNeeded) {
Element.prototype.scrollIntoViewIfNeeded = function (centerIfNeeded) {
centerIfNeeded = arguments.length === 0 ? true : !!centerIfNeeded;
var parent = this.parentNode,
parentComputedStyle = window.getComputedStyle(parent, null),
parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width')),
parentBorderLeftWidth = parseInt(parentComputedStyle.getPropertyValue('border-left-width')),
overTop = this.offsetTop - parent.offsetTop < parent.scrollTop,
overBottom = (this.offsetTop - parent.offsetTop + this.clientHeight - parentBorderTopWidth) > (parent.scrollTop + parent.clientHeight),
overLeft = this.offsetLeft - parent.offsetLeft < parent.scrollLeft,
overRight = (this.offsetLeft - parent.offsetLeft + this.clientWidth - parentBorderLeftWidth) > (parent.scrollLeft + parent.clientWidth),
alignWithTop = overTop && !overBottom;
if ((overTop || overBottom) && centerIfNeeded) {
parent.scrollTop = this.offsetTop - parent.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + this.clientHeight / 2;
}
if ((overLeft || overRight) && centerIfNeeded) {
parent.scrollLeft = this.offsetLeft - parent.offsetLeft - parent.clientWidth / 2 - parentBorderLeftWidth + this.clientWidth / 2;
}
if ((overTop || overBottom || overLeft || overRight) && !centerIfNeeded) {
this.scrollIntoView(alignWithTop);
}
};
}
/***/ },
/***/ 119:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('md-list-item', {
staticClass: "md-menu-item",
class: _vm.classes,
attrs: {
"disabled": _vm.disabled
},
on: {
"click": _vm.close
}
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-5cf45940", module.exports)
}
}
/***/ },
/***/ 120:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(121)
/* template */
var __vue_template__ = __webpack_require__(122)
__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/mdMenu/mdMenuContent.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-518d815c", __vue_options__)
} else {
hotAPI.reload("data-v-518d815c", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdMenuContent.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 121:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
data: function data() {
return {
oldHighlight: false,
highlighted: false,
itemsAmount: 0
};
},
methods: {
close: function close() {
this.highlighted = false;
this.$parent.close();
},
highlightItem: function highlightItem(direction) {
this.oldHighlight = this.highlighted;
if (direction === 'up') {
if (this.highlighted === 1) {
this.highlighted = this.itemsAmount;
} else {
this.highlighted--;
}
}
if (direction === 'down') {
if (this.highlighted === this.itemsAmount) {
this.highlighted = 1;
} else {
this.highlighted++;
}
}
},
fireClick: function fireClick() {
if (this.highlighted > 0) {
this.$children[0].$children[this.highlighted - 1].$el.click();
}
}
},
mounted: function mounted() {
if (!this.$parent.$el.classList.contains('md-menu')) {
this.$destroy();
throw new Error('You must wrap the md-menu-content in a md-menu');
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 122:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-menu-content",
attrs: {
"tabindex": "-1"
},
on: {
"keydown": [function($event) {
if ($event.keyCode !== 27) { return; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if ($event.keyCode !== 9) { return; }
$event.preventDefault();
_vm.close($event)
}, function($event) {
if ($event.keyCode !== 38) { return; }
$event.preventDefault();
_vm.highlightItem('up')
}, function($event) {
if ($event.keyCode !== 40) { return; }
$event.preventDefault();
_vm.highlightItem('down')
}, function($event) {
if ($event.keyCode !== 13) { return; }
$event.preventDefault();
_vm.fireClick($event)
}, function($event) {
if ($event.keyCode !== 32) { return; }
$event.preventDefault();
_vm.fireClick($event)
}]
}
}, [_vm._h('md-list', [_vm._t("default")])])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-518d815c", module.exports)
}
}
/***/ },
/***/ 123:
/***/ function(module, exports) {
module.exports = ""
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

249
dist/components/mdRadio/index.debug.js vendored Normal file
View file

@ -0,0 +1,249 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(124);
/***/ },
/***/ 124:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdRadio = __webpack_require__(125);
var _mdRadio2 = _interopRequireDefault(_mdRadio);
var _mdRadio3 = __webpack_require__(129);
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'];
/***/ },
/***/ 125:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-e87254d2!sass!./mdRadio.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(127)
/* template */
var __vue_template__ = __webpack_require__(128)
__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__
/***/ },
/***/ 127:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
name: String,
value: [String, Boolean, Number],
mdValue: {
type: [String, Boolean, Number],
required: true
},
id: String,
disabled: Boolean
},
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'];
/***/ },
/***/ 128:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-radio",
class: _vm.classes
}, [_vm._h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
value: (_vm.disabled),
expression: "disabled"
}],
staticClass: "md-radio-container",
on: {
"click": _vm.toggleCheck
}
}, [_vm._h('input', {
attrs: {
"type": "radio",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
})]), " ", (_vm.$slots.default) ? _vm._h('label', {
staticClass: "md-radio-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")]) : _vm._e()])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-e87254d2", module.exports)
}
}
/***/ },
/***/ 129:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-radio .md-radio-container:after, .THEME_NAME.md-radio .md-radio-container:after {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-radio.md-checked .md-radio-container, .THEME_NAME.md-radio.md-checked .md-radio-container {\n border-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-radio.md-checked .md-ink-ripple, .THEME_NAME.md-radio.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-radio.md-checked .md-ripple, .THEME_NAME.md-radio.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME .md-radio.md-primary .md-radio-container:after, .THEME_NAME.md-radio.md-primary .md-radio-container:after {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-radio.md-primary.md-checked .md-radio-container, .THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n border-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-radio.md-primary.md-checked .md-ink-ripple, .THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-radio.md-warn .md-radio-container:after, .THEME_NAME.md-radio.md-warn .md-radio-container:after {\n background-color: WARN-COLOR; }\n\n.THEME_NAME .md-radio.md-warn.md-checked .md-radio-container, .THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n border-color: WARN-COLOR; }\n\n.THEME_NAME .md-radio.md-warn.md-checked .md-ink-ripple, .THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-radio.md-disabled .md-radio-container, .THEME_NAME.md-radio.md-disabled .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n .THEME_NAME .md-radio.md-disabled .md-radio-container:after, .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME .md-radio.md-disabled.md-checked .md-radio-container, .THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n border-color: rgba(0, 0, 0, 0.26); }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

631
dist/components/mdSelect/index.debug.js vendored Normal file
View file

@ -0,0 +1,631 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(130);
/***/ },
/***/ 87:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var isArray = function isArray(value) {
return value && value.constructor === Array;
};
exports.default = isArray;
module.exports = exports["default"];
/***/ },
/***/ 92:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var getClosestVueParent = function getClosestVueParent($parent, cssClass) {
if (!$parent.$el) {
return false;
}
if ($parent._uid === 0) {
return false;
}
if ($parent.$el.classList.contains(cssClass)) {
return $parent;
}
return getClosestVueParent($parent.$parent, cssClass);
};
exports.default = getClosestVueParent;
module.exports = exports["default"];
/***/ },
/***/ 130:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSelect = __webpack_require__(131);
var _mdSelect2 = _interopRequireDefault(_mdSelect);
var _mdOption = __webpack_require__(135);
var _mdOption2 = _interopRequireDefault(_mdOption);
var _mdSelect3 = __webpack_require__(138);
var _mdSelect4 = _interopRequireDefault(_mdSelect3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-select', Vue.extend(_mdSelect2.default));
Vue.component('md-option', Vue.extend(_mdOption2.default));
Vue.material.styles.push(_mdSelect4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 131:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-1cdcfd26!sass!./mdSelect.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(133)
/* template */
var __vue_template__ = __webpack_require__(134)
__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/mdSelect/mdSelect.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-1cdcfd26", __vue_options__)
} else {
hotAPI.reload("data-v-1cdcfd26", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdSelect.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 133:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
var _isArray = __webpack_require__(87);
var _isArray2 = _interopRequireDefault(_isArray);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
name: String,
required: Boolean,
multiple: Boolean,
value: [String, Number, Array],
id: String,
disabled: Boolean,
placeholder: String,
mdMenuClass: String
},
data: function data() {
return {
selectedValue: null,
selectedText: null,
multipleText: null,
multipleOptions: {},
options: {},
optionsAmount: 0
};
},
computed: {
classes: function classes() {
return {
'md-disabled': this.disabled
};
},
contentClasses: function contentClasses() {
if (this.multiple) {
return 'md-multiple ' + this.mdMenuClass;
}
return this.mdMenuClass;
}
},
watch: {
value: function value(_value) {
this.setTextAndvalue(_value);
}
},
methods: {
getSingleValue: function getSingleValue(value) {
var _this = this;
var output = {};
Object.keys(this.options).forEach(function (index) {
var options = _this.options[index];
if (options.value === value) {
output.value = value;
output.text = options.$refs.item.textContent;
}
});
return output;
},
getMultipleValue: function getMultipleValue(modelValue) {
var _this2 = this;
if ((0, _isArray2.default)(this.value)) {
var _ret = function () {
var outputText = [];
modelValue.forEach(function (value) {
Object.keys(_this2.options).forEach(function (index) {
var options = _this2.options[index];
if (options.value === value) {
var text = options.$refs.item.textContent;
_this2.multipleOptions[index] = {
value: value,
text: text
};
outputText.push(text);
}
});
});
return {
v: {
value: modelValue,
text: outputText.join(', ')
}
};
}();
if ((typeof _ret === 'undefined' ? 'undefined' : _typeof(_ret)) === "object") return _ret.v;
}
return {};
},
setTextAndvalue: function setTextAndvalue(modelValue) {
var output = this.multiple ? this.getMultipleValue(modelValue) : this.getSingleValue(modelValue);
this.selectedValue = output.value;
this.selectedText = output.text;
if (this.parentContainer) {
this.$parent.setValue(output.text);
}
},
changeValue: function changeValue(value) {
this.$emit('input', value);
this.$emit('change', value);
},
selectMultiple: function selectMultiple(index, value, text) {
var values = [];
this.multipleOptions[index] = {
value: value,
text: text
};
for (var key in this.multipleOptions) {
if (this.multipleOptions.hasOwnProperty(key) && this.multipleOptions[key].value) {
values.push(this.multipleOptions[key].value);
}
}
this.changeValue(values);
},
selectOption: function selectOption(value, text) {
this.selectedText = text;
this.changeValue(value);
}
},
mounted: function mounted() {
this.parentContainer = (0, _getClosestVueParent2.default)(this.$parent, 'md-input-container');
this.setTextAndvalue(this.value);
if (this.parentContainer) {
this.parentContainer.setValue(this.value);
this.parentContainer.hasSelect = true;
}
},
beforeDestroy: function beforeDestroy() {
if (this.parentContainer) {
this.parentContainer.setValue('');
this.parentContainer.hasSelect = false;
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 134:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-select",
class: _vm.classes
}, [_vm._h('md-menu', {
attrs: {
"md-close-on-select": !_vm.multiple
}
}, [_vm._h('span', {
ref: "value",
staticClass: "md-select-value",
attrs: {
"md-menu-trigger": ""
}
}, [_vm._s(_vm.selectedText || _vm.multipleText || _vm.placeholder)]), " ", _vm._h('md-menu-content', {
staticClass: "md-select-content",
class: _vm.contentClasses
}, [_vm._t("default")])]), " ", _vm._h('select', {
attrs: {
"name": _vm.name,
"id": _vm.id,
"required": _vm.required,
"tabindex": "-1"
}
}, [_vm._h('option', {
domProps: {
"value": _vm.value
}
}, [_vm._s(_vm.value)])])])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-1cdcfd26", module.exports)
}
}
/***/ },
/***/ 135:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(136)
/* template */
var __vue_template__ = __webpack_require__(137)
__vue_options__ = __vue_exports__ = __vue_exports__ || {}
if (
typeof __vue_exports__.default === "object" ||
typeof __vue_exports__.default === "function"
) {
if (Object.keys(__vue_exports__).some(function (key) { return key !== "default" && key !== "__esModule" })) {console.error("named exports are not supported in *.vue files.")}
__vue_options__ = __vue_exports__ = __vue_exports__.default
}
if (typeof __vue_options__ === "function") {
__vue_options__ = __vue_options__.options
}
__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSelect/mdOption.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-b3b71f34", __vue_options__)
} else {
hotAPI.reload("data-v-b3b71f34", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdOption.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 136:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _getClosestVueParent = __webpack_require__(92);
var _getClosestVueParent2 = _interopRequireDefault(_getClosestVueParent);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
exports.default = {
props: {
value: [String, Boolean, Number]
},
data: function data() {
return {
parentSelect: {},
check: false,
index: 0
};
},
computed: {
isSelected: function isSelected() {
if (this.value && this.parentSelect.value) {
var thisValue = this.value.toString();
if (this.parentSelect.multiple) {
return this.parentSelect.value.indexOf(thisValue) >= 0;
}
return this.value && this.parentSelect.value && thisValue === this.parentSelect.value.toString();
}
return false;
},
classes: function classes() {
return {
'md-selected': this.isSelected,
'md-checked': this.check
};
}
},
methods: {
selectOption: function selectOption() {
if (!this.parentSelect.multiple) {
this.parentSelect.selectOption(this.value, this.$refs.item.textContent);
} else {
this.check = !this.check;
}
}
},
watch: {
isSelected: function isSelected(selected) {
if (this.parentSelect.multiple) {
this.check = selected;
}
},
check: function check(_check) {
if (_check) {
this.parentSelect.selectMultiple(this.index, this.value, this.$refs.item.textContent);
} else {
this.parentSelect.selectMultiple(this.index);
}
}
},
mounted: function mounted() {
this.parentSelect = (0, _getClosestVueParent2.default)(this.$parent, 'md-select');
this.parentContent = (0, _getClosestVueParent2.default)(this.$parent, 'md-menu-content');
if (!this.parentSelect) {
throw new Error('You must wrap the md-option in a md-select');
}
this.parentSelect.optionsAmount++;
this.index = this.parentSelect.optionsAmount;
this.parentSelect.multipleOptions[this.index] = {};
this.parentSelect.options[this.index] = this;
},
beforeDestroy: function beforeDestroy() {
delete this.parentSelect.options[this.index];
delete this.parentSelect.multipleOptions[this.index];
}
}; //
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
module.exports = exports['default'];
/***/ },
/***/ 137:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('md-menu-item', {
staticClass: "md-option",
class: _vm.classes,
attrs: {
"tabindex": "-1"
},
on: {
"click": _vm.selectOption
}
}, [(_vm.parentSelect.multiple) ? _vm._h('md-checkbox', {
directives: [{
name: "model",
rawName: "v-model",
value: (_vm.check),
expression: "check"
}],
staticClass: "md-primary",
domProps: {
"value": (_vm.check)
},
on: {
"input": function($event) {
_vm.check = $event
}
}
}, [_vm._h('span', {
ref: "item"
}, [_vm._t("default")])]) : _vm._h('span', {
ref: "item"
}, [_vm._t("default")]), " "])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-b3b71f34", module.exports)
}
}
/***/ },
/***/ 138:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-select-content .md-menu-item.md-selected, .THEME_NAME .md-select-content .md-menu-item.md-checked, .THEME_NAME.md-select-content .md-menu-item.md-selected, .THEME_NAME.md-select-content .md-menu-item.md-checked {\n color: PRIMARY-COLOR; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

241
dist/components/mdSidenav/index.debug.js vendored Normal file
View file

@ -0,0 +1,241 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(139);
/***/ },
/***/ 139:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSidenav = __webpack_require__(140);
var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
var _mdSidenav3 = __webpack_require__(144);
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'];
/***/ },
/***/ 140:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-4904390e!sass!./mdSidenav.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(142)
/* template */
var __vue_template__ = __webpack_require__(143)
__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__
/***/ },
/***/ 142:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
data: function data() {
return {
mdVisible: false
};
},
computed: {
classes: function classes() {
return this.mdVisible && 'md-active';
}
},
methods: {
show: function show() {
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.show();
}
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 143:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-sidenav",
class: _vm.classes,
attrs: {
"tabindex": "0"
},
on: {
"keyup": function($event) {
if ($event.keyCode !== 27) { return; }
_vm.close($event)
}
}
}, [_vm._h('div', {
staticClass: "md-sidenav-content"
}, [_vm._t("default")]), " ", _vm._h('div', {
staticClass: "md-backdrop",
on: {
"click": _vm.close
}
})])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-4904390e", module.exports)
}
}
/***/ },
/***/ 144:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-sidenav .md-sidenav-content, .THEME_NAME.md-sidenav .md-sidenav-content {\n background-color: BACKGROUND-COLOR-A100;\n color: BACKGROUND-CONTRAST; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

View file

@ -0,0 +1,174 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(145);
/***/ },
/***/ 145:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSubheader = __webpack_require__(146);
var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
var _mdSubheader3 = __webpack_require__(149);
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'];
/***/ },
/***/ 146:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-a2e7fe8a!sass!./mdSubheader.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(148)
__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"
/* 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__
/***/ },
/***/ 148:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
exports.default = {
render: function render(createElement) {
var tag = 'div';
var options = {
staticClass: 'md-subheader'
};
if (this.$parent.$options._componentTag === 'md-list') {
tag = 'li';
}
return createElement(tag, options, this.$slots.default);
}
};
module.exports = exports['default'];
/***/ },
/***/ 149:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-subheader.md-primary, .THEME_NAME.md-subheader.md-primary {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-subheader.md-accent, .THEME_NAME.md-subheader.md-accent {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-subheader.md-warn, .THEME_NAME.md-subheader.md-warn {\n color: WARN-COLOR; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

284
dist/components/mdSwitch/index.debug.js vendored Normal file
View file

@ -0,0 +1,284 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(150);
/***/ },
/***/ 150:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdSwitch = __webpack_require__(151);
var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
var _mdSwitch3 = __webpack_require__(155);
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'];
/***/ },
/***/ 151:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-7e05ff26!sass!./mdSwitch.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(153)
/* template */
var __vue_template__ = __webpack_require__(154)
__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__
/***/ },
/***/ 153:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
var fullThreshold = 75;
var initialThreshold = '-1px';
exports.default = {
props: {
name: String,
value: Boolean,
id: String,
disabled: Boolean,
type: {
type: String,
default: 'button'
}
},
data: function data() {
return {
leftPos: initialThreshold,
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.leftPos = this.value ? fullThreshold + '%' : initialThreshold;
}
},
methods: {
toggleSwitch: function toggleSwitch() {
if (!this.disabled) {
this.checked = !this.checked;
this.$emit('change', this.checked);
this.$emit('input', this.checked);
}
}
},
mounted: function mounted() {
this.leftPos = this.value ? fullThreshold + '%' : initialThreshold;
}
};
module.exports = exports['default'];
/***/ },
/***/ 154:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-switch",
class: _vm.classes
}, [_vm._h('div', {
staticClass: "md-switch-container",
on: {
"click": _vm.toggleSwitch
}
}, [_vm._h('div', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
value: (_vm.disabled),
expression: "disabled"
}],
staticClass: "md-switch-thumb",
style: (_vm.styles)
}, [_vm._h('input', {
attrs: {
"type": "checkbox",
"name": _vm.name,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
}
}), " ", _vm._h('button', {
staticClass: "md-switch-holder",
attrs: {
"type": _vm.type
}
})])]), " ", (_vm.$slots.default) ? _vm._h('label', {
staticClass: "md-switch-label",
attrs: {
"for": _vm.id || _vm.name
}
}, [_vm._t("default")]) : _vm._e()])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-7e05ff26", module.exports)
}
}
/***/ },
/***/ 155:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-switch.md-checked .md-switch-container, .THEME_NAME.md-switch.md-checked .md-switch-container {\n background-color: ACCENT-COLOR-500-0.5; }\n\n.THEME_NAME .md-switch.md-checked .md-switch-thumb, .THEME_NAME.md-switch.md-checked .md-switch-thumb {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-switch.md-checked .md-ink-ripple, .THEME_NAME.md-switch.md-checked .md-ink-ripple {\n color: ACCENT-COLOR; }\n\n.THEME_NAME .md-switch.md-checked .md-ripple, .THEME_NAME.md-switch.md-checked .md-ripple {\n opacity: .38; }\n\n.THEME_NAME .md-switch.md-checked.md-primary .md-switch-container, .THEME_NAME.md-switch.md-checked.md-primary .md-switch-container {\n background-color: PRIMARY-COLOR-500-0.5; }\n\n.THEME_NAME .md-switch.md-checked.md-primary .md-switch-thumb, .THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-switch.md-checked.md-primary .md-ink-ripple, .THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple {\n color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-switch.md-checked.md-warn .md-switch-container, .THEME_NAME.md-switch.md-checked.md-warn .md-switch-container {\n background-color: WARN-COLOR-500-0.5; }\n\n.THEME_NAME .md-switch.md-checked.md-warn .md-switch-thumb, .THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb {\n background-color: WARN-COLOR; }\n\n.THEME_NAME .md-switch.md-checked.md-warn .md-ink-ripple, .THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple {\n color: WARN-COLOR; }\n\n.THEME_NAME .md-switch.md-disabled .md-switch-container, .THEME_NAME .md-switch.md-disabled.md-checked .md-switch-container, .THEME_NAME.md-switch.md-disabled .md-switch-container, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container {\n background-color: rgba(0, 0, 0, 0.12); }\n\n.THEME_NAME .md-switch.md-disabled .md-switch-thumb, .THEME_NAME .md-switch.md-disabled.md-checked .md-switch-thumb, .THEME_NAME.md-switch.md-disabled .md-switch-thumb, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb {\n background-color: #bdbdbd; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

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

1386
dist/components/mdTable/index.debug.js vendored Normal file

File diff suppressed because it is too large Load diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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

@ -0,0 +1,585 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(182);
/***/ },
/***/ 182:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdTabs = __webpack_require__(183);
var _mdTabs2 = _interopRequireDefault(_mdTabs);
var _mdTab = __webpack_require__(187);
var _mdTab2 = _interopRequireDefault(_mdTab);
var _mdTabs3 = __webpack_require__(190);
var _mdTabs4 = _interopRequireDefault(_mdTabs3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-tabs', Vue.extend(_mdTabs2.default));
Vue.component('md-tab', Vue.extend(_mdTab2.default));
Vue.material.styles.push(_mdTabs4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 183:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-c28dc5a6!sass!./mdTabs.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(185)
/* template */
var __vue_template__ = __webpack_require__(186)
__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/mdTabs/mdTabs.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-c28dc5a6", __vue_options__)
} else {
hotAPI.reload("data-v-c28dc5a6", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdTabs.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 185:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdFixed: Boolean,
mdCentered: Boolean,
mdElevation: [String, Number]
},
data: function data() {
return {
hasIcons: false,
hasLabel: false,
elevation: this.mdElevation,
activeTab: '',
activeTabNumber: 0,
tabs: {}
};
},
watch: {
mdFixed: function mdFixed() {
var _this = this;
var transitionCounter = 0;
var transitionInterval = window.setInterval(function () {
transitionCounter++;
window.requestAnimationFrame(function () {
_this.calculateIndicatorPos(true);
});
if (transitionCounter > 200) {
window.clearInterval(transitionInterval);
}
}, 1);
this.recalculateAllTabsPos();
},
mdCentered: function mdCentered() {
this.recalculateAllTabsPos();
},
mdElevation: function mdElevation() {
this.elevation = this.mdElevation;
}
},
computed: {
tabClasses: function tabClasses() {
return {
'md-fixed': this.mdFixed,
'md-centered': this.mdCentered || this.mdFixed,
'md-has-icon': this.hasIcons,
'md-has-label': this.hasLabel
};
},
indicatorClass: function indicatorClass() {
var toLeft = this.lastIndicatorNumber > this.activeTabNumber;
this.lastIndicatorNumber = this.activeTabNumber;
return {
'md-to-right': !toLeft,
'md-to-left': toLeft
};
}
},
methods: {
getHeaderClass: function getHeaderClass(header) {
return {
'md-active': this.activeTab === header.id,
'md-disabled': header.disabled
};
},
calculateIndicatorPos: function calculateIndicatorPos(recalculate) {
var _this2 = this;
var indicator = this.$refs.indicator;
var tabsWidth = this.$el.offsetWidth;
if (recalculate) {
indicator.classList.add('md-transition-off');
}
this.$nextTick(function () {
var activeTab = _this2.$refs.tabHeader[_this2.activeTabNumber];
var left = activeTab.offsetLeft;
var right = tabsWidth - left - activeTab.offsetWidth;
indicator.style.left = left + 'px';
indicator.style.right = right + 'px';
if (recalculate) {
window.setTimeout(function () {
indicator.classList.remove('md-transition-off');
}, 100);
}
});
},
calculateTabPos: function calculateTabPos(ref, index) {
this.$refs.tabWrapper.style.transform = 'translate3D(' + -this.$refs.tabContent.offsetWidth * this.activeTabNumber + 'px, 0, 0)';
ref.style.width = this.$refs.tabContent.offsetWidth + 'px';
ref.style.left = this.$refs.tabContent.offsetWidth * index + 'px';
},
setVisibleTab: function setVisibleTab(ref) {
this.$refs.tabContent.style.height = ref.offsetHeight + 'px';
ref.classList.add('md-active');
},
changeTab: function changeTab(tabId) {
var _this3 = this;
var idList = Object.keys(this.tabs);
var id = tabId || idList[0];
var index = idList.indexOf(id);
this.tabs[this.activeTab || id].ref.classList.remove('md-active');
this.activeTab = id;
this.activeTabNumber = index;
this.$nextTick(function () {
_this3.calculateIndicatorPos();
_this3.calculateTabPos(_this3.tabs[id].ref, index);
_this3.setVisibleTab(_this3.tabs[id].ref);
});
this.$emit('change', index);
},
handleTabData: function handleTabData(data) {
var idList = Object.keys(this.tabs);
var index = idList.indexOf(data.id);
this.hasIcons = !!data.icon;
this.hasLabel = !!data.label;
if (!data.disabled) {
if (data.active) {
this.changeTab(data.id);
}
} else {
this.changeTab(idList[index + 1]);
}
},
registerTab: function registerTab(data) {
this.tabs[data.id] = data;
this.handleTabData(data);
this.calculateTabPos(this.tabs[data.id].ref, Object.keys(this.tabs).length - 1);
},
updateTabData: function updateTabData(data) {
this.tabs[data.id] = data;
this.handleTabData(data);
this.$forceUpdate();
this.recalculateAllTabsPos();
},
recalculateAllTabsPos: function recalculateAllTabsPos(transitionOff) {
var _this4 = this;
if (typeof transitionOff === 'undefined') {
transitionOff = true;
}
window.requestAnimationFrame(function () {
_this4.calculateIndicatorPos(!transitionOff);
Object.keys(_this4.tabs).forEach(function (tab, index) {
_this4.calculateTabPos(_this4.tabs[tab].ref, index);
});
});
}
},
mounted: function mounted() {
if (!this.activeTab) {
this.changeTab();
}
window.addEventListener('resize', this.recalculateAllTabsPos);
},
beforeDestroy: function beforeDestroy() {
window.removeEventListener('resize', this.recalculateAllTabsPos);
}
};
module.exports = exports['default'];
/***/ },
/***/ 186:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-tabs",
class: _vm.tabClasses
}, [_vm._h('md-whiteframe', {
attrs: {
"md-elevation": _vm.elevation || 0
}
}, [_vm._h('div', {
staticClass: "md-tabs-navigation"
}, [_vm._l((_vm.tabs), function(header) {
return _vm._h('button', {
directives: [{
name: "md-ink-ripple",
rawName: "v-md-ink-ripple",
value: (header.disabled),
expression: "header.disabled"
}],
key: header.id,
ref: "tabHeader",
refInFor: true,
staticClass: "md-tab-header",
class: _vm.getHeaderClass(header),
attrs: {
"type": "button",
"disabled": header.disabled
},
on: {
"click": function($event) {
_vm.changeTab(header.id)
}
}
}, [_vm._h('div', {
staticClass: "md-tab-header-container"
}, [(header.icon) ? _vm._h('md-icon', [_vm._s(header.icon)]) : _vm._e(), " ", (header.label) ? _vm._h('span', [_vm._s(header.label)]) : _vm._e()])])
}), " ", _vm._h('span', {
ref: "indicator",
staticClass: "md-tab-indicator",
class: _vm.indicatorClass
})])]), " ", _vm._h('div', {
ref: "tabContent",
staticClass: "md-tabs-content"
}, [_vm._h('div', {
ref: "tabWrapper",
staticClass: "md-tabs-wrapper"
}, [_vm._t("default")])])])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-c28dc5a6", module.exports)
}
}
/***/ },
/***/ 187:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* script */
__vue_exports__ = __webpack_require__(188)
/* template */
var __vue_template__ = __webpack_require__(189)
__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/mdTabs/mdTab.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-8aa44a94", __vue_options__)
} else {
hotAPI.reload("data-v-8aa44a94", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdTab.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 188:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
exports.default = {
props: {
id: [String, Number],
mdLabel: [String, Number],
mdIcon: String,
mdActive: Boolean,
mdDisabled: Boolean
},
data: function data() {
var id = void 0;
if (!this.id) {
id = 'tab-' + Math.random().toString(36).substr(2, 10);
}
return {
tabId: this.id || id
};
},
watch: {
mdActive: function mdActive() {
this.updateTabData();
},
mdDisabled: function mdDisabled() {
this.updateTabData();
},
mdIcon: function mdIcon() {
this.updateTabData();
},
mdLabel: function mdLabel() {
this.updateTabData();
}
},
methods: {
updateTabData: function updateTabData() {
this.$parent.updateTabData({
id: this.tabId,
label: this.mdLabel,
icon: this.mdIcon,
active: this.mdActive,
disabled: this.mdDisabled,
ref: this.$refs.tab
});
}
},
mounted: function mounted() {
if (!this.$parent.$el.classList.contains('md-tabs')) {
this.$destroy();
throw new Error('You should wrap the md-tab in a md-tabs');
}
this.$parent.registerTab({
id: this.tabId,
label: this.mdLabel,
icon: this.mdIcon,
active: this.mdActive,
disabled: this.mdDisabled,
ref: this.$refs.tab
});
}
};
module.exports = exports['default'];
/***/ },
/***/ 189:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
ref: "tab",
staticClass: "md-tab",
attrs: {
"id": _vm.tabId
}
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-8aa44a94", module.exports)
}
}
/***/ },
/***/ 190:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-tabs .md-tabs-navigation, .THEME_NAME.md-tabs .md-tabs-navigation {\n background-color: PRIMARY-COLOR; }\n\n.THEME_NAME .md-tabs .md-tab-header, .THEME_NAME.md-tabs .md-tab-header {\n color: PRIMARY-CONTRAST-0.54; }\n .THEME_NAME .md-tabs .md-tab-header.md-active, .THEME_NAME .md-tabs .md-tab-header:focus, .THEME_NAME.md-tabs .md-tab-header.md-active, .THEME_NAME.md-tabs .md-tab-header:focus {\n color: PRIMARY-CONTRAST-0.99999; }\n .THEME_NAME .md-tabs .md-tab-header.md-disabled, .THEME_NAME.md-tabs .md-tab-header.md-disabled {\n color: PRIMARY-CONTRAST-0.26; }\n\n.THEME_NAME .md-tabs .md-tab-indicator, .THEME_NAME.md-tabs .md-tab-indicator {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-tabs.md-accent .md-tabs-navigation, .THEME_NAME.md-tabs.md-accent .md-tabs-navigation {\n background-color: ACCENT-COLOR; }\n\n.THEME_NAME .md-tabs.md-accent .md-tab-header, .THEME_NAME.md-tabs.md-accent .md-tab-header {\n color: ACCENT-CONTRAST-0.54; }\n .THEME_NAME .md-tabs.md-accent .md-tab-header.md-active, .THEME_NAME .md-tabs.md-accent .md-tab-header:focus, .THEME_NAME.md-tabs.md-accent .md-tab-header.md-active, .THEME_NAME.md-tabs.md-accent .md-tab-header:focus {\n color: ACCENT-CONTRAST-0.99999; }\n .THEME_NAME .md-tabs.md-accent .md-tab-header.md-disabled, .THEME_NAME.md-tabs.md-accent .md-tab-header.md-disabled {\n color: ACCENT-CONTRAST-0.26; }\n\n.THEME_NAME .md-tabs.md-accent .md-tab-indicator, .THEME_NAME.md-tabs.md-accent .md-tab-indicator {\n background-color: BACKGROUND-COLOR; }\n\n.THEME_NAME .md-tabs.md-warn .md-tabs-navigation, .THEME_NAME.md-tabs.md-warn .md-tabs-navigation {\n background-color: WARN-COLOR; }\n\n.THEME_NAME .md-tabs.md-warn .md-tab-header, .THEME_NAME.md-tabs.md-warn .md-tab-header {\n color: WARN-CONTRAST-0.54; }\n .THEME_NAME .md-tabs.md-warn .md-tab-header.md-active, .THEME_NAME .md-tabs.md-warn .md-tab-header:focus, .THEME_NAME.md-tabs.md-warn .md-tab-header.md-active, .THEME_NAME.md-tabs.md-warn .md-tab-header:focus {\n color: WARN-CONTRAST-0.99999; }\n .THEME_NAME .md-tabs.md-warn .md-tab-header.md-disabled, .THEME_NAME.md-tabs.md-warn .md-tab-header.md-disabled {\n color: WARN-CONTRAST-0.26; }\n\n.THEME_NAME .md-tabs.md-warn .md-tab-indicator, .THEME_NAME.md-tabs.md-warn .md-tab-indicator {\n background-color: BACKGROUND-COLOR; }\n\n.THEME_NAME .md-tabs.md-transparent .md-tabs-navigation, .THEME_NAME.md-tabs.md-transparent .md-tabs-navigation {\n background-color: transparent; }\n\n.THEME_NAME .md-tabs.md-transparent .md-tab-header, .THEME_NAME.md-tabs.md-transparent .md-tab-header {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME .md-tabs.md-transparent .md-tab-header.md-active, .THEME_NAME .md-tabs.md-transparent .md-tab-header:focus, .THEME_NAME.md-tabs.md-transparent .md-tab-header.md-active, .THEME_NAME.md-tabs.md-transparent .md-tab-header:focus {\n color: PRIMARY-COLOR; }\n .THEME_NAME .md-tabs.md-transparent .md-tab-header.md-disabled, .THEME_NAME.md-tabs.md-transparent .md-tab-header.md-disabled {\n color: BACKGROUND-CONTRAST-0.26; }\n\n.THEME_NAME .md-tabs.md-transparent .md-tab-indicator, .THEME_NAME.md-tabs.md-transparent .md-tab-indicator {\n background-color: PRIMARY-COLOR; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

164
dist/components/mdToolbar/index.debug.js vendored Normal file
View file

@ -0,0 +1,164 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(191);
/***/ },
/***/ 191:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdToolbar = __webpack_require__(192);
var _mdToolbar2 = _interopRequireDefault(_mdToolbar);
var _mdToolbar3 = __webpack_require__(195);
var _mdToolbar4 = _interopRequireDefault(_mdToolbar3);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-toolbar', Vue.extend(_mdToolbar2.default));
Vue.material.styles.push(_mdToolbar4.default);
}
module.exports = exports['default'];
/***/ },
/***/ 192:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-668063d7!sass!./mdToolbar.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* template */
var __vue_template__ = __webpack_require__(194)
__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/mdToolbar/mdToolbar.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-668063d7", __vue_options__)
} else {
hotAPI.reload("data-v-668063d7", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdToolbar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 194:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-toolbar"
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-668063d7", module.exports)
}
}
/***/ },
/***/ 195:
/***/ function(module, exports) {
module.exports = ".THEME_NAME .md-toolbar, .THEME_NAME.md-toolbar {\n background-color: PRIMARY-COLOR;\n color: PRIMARY-CONTRAST; }\n .THEME_NAME .md-toolbar.md-accent, .THEME_NAME.md-toolbar.md-accent {\n background-color: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n .THEME_NAME .md-toolbar.md-warn, .THEME_NAME.md-toolbar.md-warn {\n background-color: WARN-COLOR;\n color: WARN-CONTRAST; }\n .THEME_NAME .md-toolbar.md-transparent, .THEME_NAME.md-toolbar.md-transparent {\n background-color: transparent;\n color: BACKGROUND-CONTRAST; }\n"
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():t.VueMaterial=o()}(this,function(){return function(t){function o(r){if(e[r])return e[r].exports;var n=e[r]={exports:{},id:r,loaded:!1};return t[r].call(n.exports,n,n.exports,o),n.loaded=!0,n.exports}var e={};return o.m=t,o.c=e,o.p="/",o(0)}({0:function(t,o,e){t.exports=e(23)},23:function(t,o,e){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-toolbar",t.extend(d.default)),t.material.styles.push(u.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=n;var a=e(156),d=r(a),c=e(110),u=r(c)},84:function(t,o){},110:function(t,o){t.exports=".THEME_NAME .md-toolbar,.THEME_NAME.md-toolbar{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-toolbar.md-accent,.THEME_NAME.md-toolbar.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME .md-toolbar.md-warn,.THEME_NAME.md-toolbar.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME .md-toolbar.md-transparent,.THEME_NAME.md-toolbar.md-transparent{background-color:transparent;color:BACKGROUND-CONTRAST}\n"},156:function(t,o,e){var r,n;e(84);var a=e(188);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=a.render,n.staticRenderFns=a.staticRenderFns,t.exports=r},188:function(t,o){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-toolbar"},[t._t("default")])},staticRenderFns:[]}}})});
!function(t,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():t.VueMaterial=o()}(this,function(){return function(t){function o(r){if(e[r])return e[r].exports;var n=e[r]={exports:{},id:r,loaded:!1};return t[r].call(n.exports,n,n.exports,o),n.loaded=!0,n.exports}var e={};return o.m=t,o.c=e,o.p="/",o(0)}({0:function(t,o,e){t.exports=e(25)},25:function(t,o,e){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function n(t){t.component("md-toolbar",t.extend(d.default)),t.material.styles.push(u.default)}Object.defineProperty(o,"__esModule",{value:!0}),o.default=n;var a=e(157),d=r(a),c=e(111),u=r(c);t.exports=o.default},85:function(t,o){},111:function(t,o){t.exports=".THEME_NAME .md-toolbar,.THEME_NAME.md-toolbar{background-color:PRIMARY-COLOR;color:PRIMARY-CONTRAST}.THEME_NAME .md-toolbar.md-accent,.THEME_NAME.md-toolbar.md-accent{background-color:ACCENT-COLOR;color:ACCENT-CONTRAST}.THEME_NAME .md-toolbar.md-warn,.THEME_NAME.md-toolbar.md-warn{background-color:WARN-COLOR;color:WARN-CONTRAST}.THEME_NAME .md-toolbar.md-transparent,.THEME_NAME.md-toolbar.md-transparent{background-color:transparent;color:BACKGROUND-CONTRAST}\n"},157:function(t,o,e){var r,n;e(85);var a=e(189);n=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(n=r=r.default),"function"==typeof n&&(n=n.options),n.render=a.render,n.staticRenderFns=a.staticRenderFns,t.exports=r},189:function(t,o){t.exports={render:function(){var t=this;return t._h("div",{staticClass:"md-toolbar"},[t._t("default")])},staticRenderFns:[]}}})});

View file

@ -1 +1 @@
.md-tooltip{height:20px;padding:0 8px;position:fixed;z-index:200;pointer-events:none;background-color:rgba(97,97,97,.87);border-radius:2px;opacity:0;transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.3s;transition-delay:0s;color:#fff;font-family:Roboto,Lato,sans-serif;font-size:10px;line-height:20px;text-transform:none;white-space:nowrap}.md-tooltip.md-active{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.3s}.md-tooltip:not(.md-active){transition-delay:0s!important}.md-tooltip.md-tooltip-top{margin-top:-14px;transform:translate(-50%,8px)}.md-tooltip.md-tooltip-top.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-right{margin-left:14px;transform:translate(-8px,50%)}.md-tooltip.md-tooltip-right.md-active{transform:translateY(50%)}.md-tooltip.md-tooltip-bottom{margin-top:14px;transform:translate(-50%,-8px)}.md-tooltip.md-tooltip-bottom.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-left{margin-left:-14px;transform:translate(8px,50%)}.md-tooltip.md-tooltip-left.md-active{transform:translateY(50%)}
.md-tooltip{height:20px;padding:0 8px;position:fixed;z-index:200;pointer-events:none;background-color:rgba(97,97,97,.87);border-radius:2px;opacity:0;transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.3s;transition-delay:0s;color:#fff;font-family:Roboto,Lato,sans-serif;font-size:10px;line-height:20px;text-transform:none;white-space:nowrap}.md-tooltip.md-active{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.3s}.md-tooltip:not(.md-active){transition-delay:0s!important}.md-tooltip.md-transition-off{transition:none!important}.md-tooltip.md-tooltip-top{margin-top:-14px;transform:translate(-50%,8px)}.md-tooltip.md-tooltip-top.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-right{margin-left:14px;transform:translate(-8px,50%)}.md-tooltip.md-tooltip-right.md-active{transform:translateY(50%)}.md-tooltip.md-tooltip-bottom{margin-top:14px;transform:translate(-50%,-8px)}.md-tooltip.md-tooltip-bottom.md-active{transform:translate(-50%)}.md-tooltip.md-tooltip-left{margin-left:-14px;transform:translate(8px,50%)}.md-tooltip.md-tooltip-left.md-active{transform:translateY(50%)}

411
dist/components/mdTooltip/index.debug.js vendored Normal file
View file

@ -0,0 +1,411 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(196);
/***/ },
/***/ 113:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
function transitionEndEventName() {
var el = document.createElement('span');
var transitions = {
transition: 'transitionend',
OTransition: 'oTransitionEnd',
MozTransition: 'transitionend',
WebkitTransition: 'webkitTransitionEnd'
};
for (var transition in transitions) {
if (el.style[transition] !== undefined) {
return transitions[transition];
}
}
}
exports.default = transitionEndEventName();
module.exports = exports['default'];
/***/ },
/***/ 114:
/***/ function(module, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var margin = 8;
var isAboveOfViewport = function isAboveOfViewport(element, position) {
return position.top <= margin - parseInt(getComputedStyle(element).marginTop, 10);
};
var isBelowOfViewport = function isBelowOfViewport(element, position) {
return position.top + element.offsetHeight + margin >= window.innerHeight - parseInt(getComputedStyle(element).marginTop, 10);
};
var isOnTheLeftOfViewport = function isOnTheLeftOfViewport(element, position) {
return position.left <= margin - parseInt(getComputedStyle(element).marginLeft, 10);
};
var isOnTheRightOfViewport = function isOnTheRightOfViewport(element, position) {
return position.left + element.offsetWidth + margin >= window.innerWidth - parseInt(getComputedStyle(element).marginLeft, 10);
};
var getInViewPosition = function getInViewPosition(element, position) {
var computedStyle = getComputedStyle(element);
if (isAboveOfViewport(element, position)) {
position.top = margin - parseInt(computedStyle.marginTop, 10);
}
if (isOnTheLeftOfViewport(element, position)) {
position.left = margin - parseInt(computedStyle.marginLeft, 10);
}
if (isOnTheRightOfViewport(element, position)) {
position.left = window.innerWidth - margin - element.offsetWidth - parseInt(computedStyle.marginLeft, 10);
}
if (isBelowOfViewport(element, position)) {
position.top = window.innerHeight - margin - element.offsetHeight - parseInt(computedStyle.marginTop, 10);
}
return position;
};
exports.default = getInViewPosition;
module.exports = exports["default"];
/***/ },
/***/ 196:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdTooltip = __webpack_require__(197);
var _mdTooltip2 = _interopRequireDefault(_mdTooltip);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function install(Vue) {
Vue.component('md-tooltip', Vue.extend(_mdTooltip2.default));
}
module.exports = exports['default'];
/***/ },
/***/ 197:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-3104dae7!sass!./mdTooltip.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(199)
/* template */
var __vue_template__ = __webpack_require__(200)
__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/mdTooltip/mdTooltip.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-3104dae7", __vue_options__)
} else {
hotAPI.reload("data-v-3104dae7", __vue_options__)
}
})()}
if (__vue_options__.functional) {console.error("[vue-loader] mdTooltip.vue: functional components are not supported and should be defined in plain js files using render functions.")}
module.exports = __vue_exports__
/***/ },
/***/ 199:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _transitionEndEventName = __webpack_require__(113);
var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
var _getInViewPosition = __webpack_require__(114);
var _getInViewPosition2 = _interopRequireDefault(_getInViewPosition);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdDirection: {
type: String,
default: 'bottom'
},
mdDelay: {
type: String,
default: '0'
}
},
data: function data() {
return {
active: false,
transitionOff: false,
topPosition: false,
leftPosition: false
};
},
computed: {
classes: function classes() {
return {
'md-active': this.active,
'md-transition-off': this.transitionOff,
'md-tooltip-top': this.mdDirection === 'top',
'md-tooltip-right': this.mdDirection === 'right',
'md-tooltip-bottom': this.mdDirection === 'bottom',
'md-tooltip-left': this.mdDirection === 'left'
};
},
style: function style() {
return {
'transition-delay': this.mdDelay + 'ms',
top: this.topPosition + 'px',
left: this.leftPosition + 'px'
};
}
},
watch: {
mdDirection: function mdDirection() {
this.calculateTooltipPosition();
}
},
methods: {
calculateTooltipPosition: function calculateTooltipPosition() {
var position = this.parentElement.getBoundingClientRect();
var cssPosition = {};
switch (this.mdDirection) {
case 'top':
cssPosition.top = position.top - this.$el.offsetHeight;
cssPosition.left = position.left + position.width / 2;
break;
case 'right':
cssPosition.top = position.top;
cssPosition.left = position.left + position.width;
break;
case 'bottom':
cssPosition.top = position.bottom;
cssPosition.left = position.left + position.width / 2;
break;
case 'left':
cssPosition.top = position.top;
cssPosition.left = position.left - this.$el.offsetWidth;
break;
default:
console.warn('Invalid ' + this.mdDirection + ' option to md-direction option');
}
cssPosition = (0, _getInViewPosition2.default)(this.tooltipElement, cssPosition);
this.topPosition = cssPosition.top;
this.leftPosition = cssPosition.left;
},
open: function open() {
var _this = this;
document.body.appendChild(this.tooltipElement);
getComputedStyle(this.tooltipElement).top;
this.transitionOff = true;
this.calculateTooltipPosition();
window.setTimeout(function () {
_this.transitionOff = false;
_this.active = true;
}, 10);
},
close: function close() {
var _this2 = this;
var cleanupElements = function cleanupElements() {
_this2.tooltipElement.removeEventListener(_transitionEndEventName2.default, cleanupElements);
if (_this2.tooltipElement.parentNode && !_this2.tooltipElement.classList.contains('md-active')) {
document.body.removeChild(_this2.tooltipElement);
}
};
this.active = false;
this.tooltipElement.removeEventListener(_transitionEndEventName2.default, cleanupElements);
this.tooltipElement.addEventListener(_transitionEndEventName2.default, cleanupElements);
}
},
mounted: function mounted() {
var _this3 = this;
this.$nextTick(function () {
_this3.tooltipElement = _this3.$el;
_this3.parentElement = _this3.tooltipElement.parentNode;
_this3.$el.parentNode.removeChild(_this3.$el);
_this3.parentElement.addEventListener('mouseenter', _this3.open);
_this3.parentElement.addEventListener('focus', _this3.open);
_this3.parentElement.addEventListener('mouseleave', _this3.close);
_this3.parentElement.addEventListener('blur', _this3.close);
});
},
beforeDestroy: function beforeDestroy() {
this.active = false;
if (this.$el.parentNode) {
document.body.removeChild(this.$el);
}
if (this.parentElement) {
this.parentElement.removeEventListener('mouseenter', this.open);
this.parentElement.removeEventListener('focus', this.open);
this.parentElement.removeEventListener('mouseleave', this.close);
this.parentElement.removeEventListener('blur', this.close);
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 200:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('span', {
staticClass: "md-tooltip",
class: _vm.classes,
style: (_vm.style)
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-3104dae7", module.exports)
}
}
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var i=o[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)}({0:function(e,t,o){e.exports=o(24)},24:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-tooltip",e.extend(s.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var r=o(157),s=n(r)},66:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=void 0,n=void 0,i=void 0,r=function(e){var t=e.targetElement.getBoundingClientRect();switch(e.mdDirection){case"top":e.$el.style.top=t.top-e.$el.offsetHeight+"px",e.$el.style.left=t.left+t.width/2+"px";break;case"right":e.$el.style.top=t.top+"px",e.$el.style.left=t.left+t.width+"px";break;case"bottom":e.$el.style.top=t.bottom+"px",e.$el.style.left=t.left+t.width/2+"px";break;case"left":e.$el.style.top=t.top+"px",e.$el.style.left=t.left-e.$el.offsetWidth+"px";break;default:console.warn("Invalid "+e.mdDirection+" option to md-direction option")}};t.default={props:{mdDirection:{type:String,default:"bottom"},mdDelay:{type:String,default:"0"}},data:function(){return{active:!1}},computed:{classes:function(){return{"md-active":this.active,"md-tooltip-top":"top"===this.mdDirection,"md-tooltip-right":"right"===this.mdDirection,"md-tooltip-bottom":"bottom"===this.mdDirection,"md-tooltip-left":"left"===this.mdDirection}},style:function(){return{"transition-delay":this.mdDelay+"ms"}}},watch:{mdDirection:function(){r(this)}},mounted:function(){var e=this,t=this.$el,i=t.parentNode;this.targetElement=i,o=function(){document.body.appendChild(t),r(e),e.active=!0},n=function(){var o=function e(){t.removeEventListener("transitionend",e),t.parentNode&&!t.classList.contains("md-active")&&document.body.removeChild(t)};e.active=!1,t.removeEventListener("transitionend",o),t.addEventListener("transitionend",o)},this.$el.parentNode.removeChild(this.$el),i.addEventListener("mouseenter",o),i.addEventListener("focus",o),i.addEventListener("mouseleave",n),i.addEventListener("blur",n)},beforeDestroy:function(){this.active=!1,this.$el.parentNode&&document.body.removeChild(this.$el),i&&(i.removeEventListener("mouseenter",o),i.removeEventListener("focus",o),i.removeEventListener("mouseleave",n),i.removeEventListener("blur",n))}}},78:function(e,t){},157:function(e,t,o){var n,i;o(78),n=o(66);var r=o(174);i=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(i=n=n.default),"function"==typeof i&&(i=i.options),i.render=r.render,i.staticRenderFns=r.staticRenderFns,e.exports=n},174:function(e,t){e.exports={render:function(){var e=this;return e._h("span",{staticClass:"md-tooltip",class:e.classes,style:e.style},[e._t("default")])},staticRenderFns:[]}}})});
!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(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return t[o].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="/",e(0)}({0:function(t,e,n){t.exports=n(26)},2:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=8,o=function(t,e){return e.top<=n-parseInt(getComputedStyle(t).marginTop,10)},i=function(t,e){return e.top+t.offsetHeight+n>=window.innerHeight-parseInt(getComputedStyle(t).marginTop,10)},r=function(t,e){return e.left<=n-parseInt(getComputedStyle(t).marginLeft,10)},s=function(t,e){return e.left+t.offsetWidth+n>=window.innerWidth-parseInt(getComputedStyle(t).marginLeft,10)},l=function(t,e){var l=getComputedStyle(t);return o(t,e)&&(e.top=n-parseInt(l.marginTop,10)),r(t,e)&&(e.left=n-parseInt(l.marginLeft,10)),s(t,e)&&(e.left=window.innerWidth-n-t.offsetWidth-parseInt(l.marginLeft,10)),i(t,e)&&(e.top=window.innerHeight-n-t.offsetHeight-parseInt(l.marginTop,10)),e};e.default=l,t.exports=e.default},4:function(t,e){"use strict";function n(){var t=document.createElement("span"),e={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(var n in e)if(void 0!==t.style[n])return e[n]}Object.defineProperty(e,"__esModule",{value:!0}),e.default=n(),t.exports=e.default},26:function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function i(t){t.component("md-tooltip",t.extend(s.default))}Object.defineProperty(e,"__esModule",{value:!0}),e.default=i;var r=n(158),s=o(r);t.exports=e.default},67:function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var i=n(4),r=o(i),s=n(2),l=o(s);e.default={props:{mdDirection:{type:String,default:"bottom"},mdDelay:{type:String,default:"0"}},data:function(){return{active:!1,transitionOff:!1,topPosition:!1,leftPosition:!1}},computed:{classes:function(){return{"md-active":this.active,"md-transition-off":this.transitionOff,"md-tooltip-top":"top"===this.mdDirection,"md-tooltip-right":"right"===this.mdDirection,"md-tooltip-bottom":"bottom"===this.mdDirection,"md-tooltip-left":"left"===this.mdDirection}},style:function(){return{"transition-delay":this.mdDelay+"ms",top:this.topPosition+"px",left:this.leftPosition+"px"}}},watch:{mdDirection:function(){this.calculateTooltipPosition()}},methods:{calculateTooltipPosition:function(){var t=this.parentElement.getBoundingClientRect(),e={};switch(this.mdDirection){case"top":e.top=t.top-this.$el.offsetHeight,e.left=t.left+t.width/2;break;case"right":e.top=t.top,e.left=t.left+t.width;break;case"bottom":e.top=t.bottom,e.left=t.left+t.width/2;break;case"left":e.top=t.top,e.left=t.left-this.$el.offsetWidth;break;default:console.warn("Invalid "+this.mdDirection+" option to md-direction option")}e=(0,l.default)(this.tooltipElement,e),this.topPosition=e.top,this.leftPosition=e.left},open:function(){var t=this;document.body.appendChild(this.tooltipElement),getComputedStyle(this.tooltipElement).top,this.transitionOff=!0,this.calculateTooltipPosition(),window.setTimeout(function(){t.transitionOff=!1,t.active=!0},10)},close:function(){var t=this,e=function e(){t.tooltipElement.removeEventListener(r.default,e),t.tooltipElement.parentNode&&!t.tooltipElement.classList.contains("md-active")&&document.body.removeChild(t.tooltipElement)};this.active=!1,this.tooltipElement.removeEventListener(r.default,e),this.tooltipElement.addEventListener(r.default,e)}},mounted:function(){var t=this;this.$nextTick(function(){t.tooltipElement=t.$el,t.parentElement=t.tooltipElement.parentNode,t.$el.parentNode.removeChild(t.$el),t.parentElement.addEventListener("mouseenter",t.open),t.parentElement.addEventListener("focus",t.open),t.parentElement.addEventListener("mouseleave",t.close),t.parentElement.addEventListener("blur",t.close)})},beforeDestroy:function(){this.active=!1,this.$el.parentNode&&document.body.removeChild(this.$el),this.parentElement&&(this.parentElement.removeEventListener("mouseenter",this.open),this.parentElement.removeEventListener("focus",this.open),this.parentElement.removeEventListener("mouseleave",this.close),this.parentElement.removeEventListener("blur",this.close))}},t.exports=e.default},79:function(t,e){},158:function(t,e,n){var o,i;n(79),o=n(67);var r=n(175);i=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(i=o=o.default),"function"==typeof i&&(i=i.options),i.render=r.render,i.staticRenderFns=r.staticRenderFns,t.exports=o},175:function(t,e){t.exports={render:function(){var t=this;return t._h("span",{staticClass:"md-tooltip",class:t.classes,style:t.style},[t._t("default")])},staticRenderFns:[]}}})});

View file

@ -0,0 +1,207 @@
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["VueMaterial"] = factory();
else
root["VueMaterial"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId])
/******/ return installedModules[moduleId].exports;
/******/
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ exports: {},
/******/ id: moduleId,
/******/ loaded: false
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.loaded = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ({
/***/ 0:
/***/ function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(201);
/***/ },
/***/ 201:
/***/ function(module, exports, __webpack_require__) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = install;
var _mdWhiteframe = __webpack_require__(202);
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'];
/***/ },
/***/ 202:
/***/ function(module, exports, __webpack_require__) {
var __vue_exports__, __vue_options__
var __vue_styles__ = {}
/* styles */
__webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-01d6d326!sass!./mdWhiteframe.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }()))
/* script */
__vue_exports__ = __webpack_require__(204)
/* template */
var __vue_template__ = __webpack_require__(205)
__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"
__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-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__
/***/ },
/***/ 204:
/***/ function(module, exports) {
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
//
//
//
//
//
//
//
//
exports.default = {
props: {
mdElevation: [String, Number]
},
data: function data() {
return {
elevation: this.mdElevation === 0 ? 0 : this.mdElevation || 1
};
},
watch: {
mdElevation: function mdElevation() {
this.elevation = this.mdElevation;
}
},
computed: {
classes: function classes() {
var numberedElevation = parseInt(this.elevation, 10);
var elevationClass = 'md-whiteframe-';
if (!isNaN(numberedElevation) && typeof numberedElevation === 'number') {
elevationClass += numberedElevation;
elevationClass += 'dp';
} else if (this.elevation.indexOf('dp') > -1) {
elevationClass += this.elevation;
}
return elevationClass;
}
}
};
module.exports = exports['default'];
/***/ },
/***/ 205:
/***/ function(module, exports, __webpack_require__) {
module.exports={render:function (){var _vm=this;
return _vm._h('div', {
staticClass: "md-whiteframe",
class: _vm.classes
}, [_vm._t("default")])
},staticRenderFns: []}
if (false) {
module.hot.accept()
if (module.hot.data) {
require("vue-hot-reload-api").rerender("data-v-01d6d326", module.exports)
}
}
/***/ }
/******/ })
});
;
//# sourceMappingURL=index.debug.js.map

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].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(25)},25:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-whiteframe",e.extend(a.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var r=n(158),a=o(r)},67:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdElevation:[String,Number]},data:function(){return{elevation:0===this.mdElevation?0:this.mdElevation||1}},watch:{mdElevation:function(){this.elevation=this.mdElevation}},computed:{classes:function(){var e=parseInt(this.elevation,10),t="md-whiteframe-";return isNaN(e)||"number"!=typeof e?this.elevation.indexOf("dp")>-1&&(t+=this.elevation):(t+=e,t+="dp"),t}}}},72:function(e,t){},158:function(e,t,n){var o,i;n(72),o=n(67);var r=n(162);i=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(i=o=o.default),"function"==typeof i&&(i=i.options),i.render=r.render,i.staticRenderFns=r.staticRenderFns,e.exports=o},162:function(e,t){e.exports={render:function(){var e=this;return e._h("div",{staticClass:"md-whiteframe",class:e.classes},[e._t("default")])},staticRenderFns:[]}}})});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()}(this,function(){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)}({0:function(e,t,n){e.exports=n(27)},27:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-whiteframe",e.extend(a.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(159),a=o(i);e.exports=t.default},68:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdElevation:[String,Number]},data:function(){return{elevation:0===this.mdElevation?0:this.mdElevation||1}},watch:{mdElevation:function(){this.elevation=this.mdElevation}},computed:{classes:function(){var e=parseInt(this.elevation,10),t="md-whiteframe-";return isNaN(e)||"number"!=typeof e?this.elevation.indexOf("dp")>-1&&(t+=this.elevation):(t+=e,t+="dp"),t}}},e.exports=t.default},73:function(e,t){},159:function(e,t,n){var o,r;n(73),o=n(68);var i=n(163);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=o},163:function(e,t){e.exports={render:function(){var e=this;return e._h("div",{staticClass:"md-whiteframe",class:e.classes},[e._t("default")])},staticRenderFns:[]}}})});

28
dist/docs/docs.320568d8.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.08f933ab.css rel=stylesheet><body class=md-scrollbar><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.abb8ee48.js></script><script src=vendor.2044b105.js></script><script src=docs.8e3cb0db.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="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic"><link rel=stylesheet href="//fonts.googleapis.com/icon?family=Material+Icons"><link href=docs.63f568a6.css rel=stylesheet><body class=md-scrollbar><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.143c6ca3.js></script><script src=vendor.2044b105.js></script><script src=docs.320568d8.js></script>

View file

@ -1 +1 @@
!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var c,l,s=0,i=[];s<o.length;s++)l=o[s],a[l]&&i.push.apply(i,a[l]),a[l]=0;for(c in p)e[c]=p[c];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0,2:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"8e3cb0db",2:"2044b105"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);
!function(e){function t(n){if(r[n])return r[n].exports;var a=r[n]={exports:{},id:n,loaded:!1};return e[n].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n=window.webpackJsonp;window.webpackJsonp=function(o,p){for(var l,c,s=0,i=[];s<o.length;s++)c=o[s],a[c]&&i.push.apply(i,a[c]),a[c]=0;for(l in p)e[l]=p[l];for(n&&n(o,p);i.length;)i.shift().call(null,t);if(p[0])return r[0]=0,t(0)};var r={},a={0:0,2:0};t.e=function(e,n){if(0===a[e])return n.call(null,t);if(void 0!==a[e])a[e].push(n);else{a[e]=[n];var r=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.src=t.p+""+e+"."+{1:"320568d8",2:"2044b105"}[e]+".js",r.appendChild(o)}},t.m=e,t.c=r,t.p=""}([]);

File diff suppressed because one or more lines are too long

8966
dist/vue-material.debug.js vendored Normal file

File diff suppressed because it is too large Load diff

1
dist/vue-material.debug.js.map vendored Normal file

File diff suppressed because one or more lines are too long

10
dist/vue-material.js vendored

File diff suppressed because one or more lines are too long

View file

@ -2,12 +2,26 @@
<single-page class="single-page-home" label="Changelog">
<single-page-banner label="Changelog"></single-page-banner>
<section>
<h2 class="md-headline">v0.3.2 - Bugfixes</h2>
<h3 class="md-title">Fixes:</h3>
<ul>
<li>Fix babel export default module.exports <strong><a href="https://github.com/marcosmoura/vue-material/issues/92" target="_blank" rel="noopener">#92</a></strong></li>
<li>Fix tooltips jumping when screen resize <strong><a href="https://github.com/marcosmoura/vue-material/issues/85" target="_blank" rel="noopener">#85</a></strong></li>
<li>Fix table not getting instance <strong><a href="https://github.com/marcosmoura/vue-material/issues/91" target="_blank" rel="noopener">#91</a></strong> <strong><a href="https://github.com/marcosmoura/vue-material/issues/88" target="_blank" rel="noopener">#88</a></strong></li>
<li>Fix regression on password review <strong><a href="https://github.com/marcosmoura/vue-material/issues/95" target="_blank" rel="noopener">#95</a></strong></li>
<li>Fix input getting wrong value after manual update <strong><a href="https://github.com/marcosmoura/vue-material/issues/100" target="_blank" rel="noopener">#100</a></strong> <strong><a href="https://github.com/marcosmoura/vue-material/issues/96" target="_blank" rel="noopener">#96</a></strong></li>
<li>Use the internal value of md-input to set the value of the container <strong><a href="https://github.com/marcosmoura/vue-material/pull/97" target="_blank" rel="noopener">#97</a> (Thanks to <a href="https://github.com/Cabbaggio" target="_blank" rel="noopener">@Cabbaggio</a>)</strong></li>
<li>Add material.debug.js to dist folder <strong><a href="https://github.com/marcosmoura/vue-material/pull/90" target="_blank" rel="noopener">#90</a> (Thanks to <a href="https://github.com/pauloramires" target="_blank" rel="noopener">@pauloramires</a>)</strong></li>
</ul>
</section>
<section>
<h2 class="md-headline">v0.3.1 - Bugfixes</h2>
<h3 class="md-title">Fixes:</h3>
<ul>
<li>md-select not being reactive <strong><a href="https://github.com/marcosmoura/vue-material/issues/74" target="_blank" rel="noopener">#74</a></strong></li>
<li>Fix components not being updated inside v-once <strong><a href="https://github.com/marcosmoura/vue-material/issues/69" target="_blank" rel="noopener">#69</a><a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></strong></li>
<li>Fix components not being updated inside v-once <strong><a href="https://github.com/marcosmoura/vue-material/issues/69" target="_blank" rel="noopener">#69</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></strong></li>
<li>Fix input number not accepting numbers <strong><a href="https://github.com/marcosmoura/vue-material/issues/67" target="_blank" rel="noopener">#67</a> <a href="https://github.com/marcosmoura/vue-material/issues/70" target="_blank" rel="noopener">#70</a></strong></li>
<li>Fix md-input-container crashing when the select value is null <strong><a href="https://github.com/marcosmoura/vue-material/issues/64" target="_blank" rel="noopener">#64</a></strong></li>
</ul>

View file

@ -1,7 +1,7 @@
{
"name": "vue-material",
"description": "Material Design for Vue.js",
"version": "0.3.1",
"version": "0.3.2",
"author": "Marcos Moura <marcosvmmoura@gmail.com>",
"homepage": "https://marcosmoura.github.io/vue-material",
"license": "MIT",
@ -45,14 +45,15 @@
"autosize": "^3.0.18",
"element.scrollintoviewifneeded-polyfill": "^1.0.1",
"scopedQuerySelectorShim": "lazd/scopedQuerySelectorShim",
"vue": "^2.0.6"
"vue": "^2.0.8"
},
"devDependencies": {
"autoprefixer": "^6.5.3",
"babel-cli": "^6.18.0",
"babel-core": "^6.18.2",
"babel-eslint": "^7.1.0",
"babel-loader": "^6.2.7",
"babel-eslint": "^7.1.1",
"babel-loader": "^6.2.8",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-preset-es2015": "^6.18.0",
"babel-preset-stage-0": "^6.16.0",
@ -60,30 +61,30 @@
"chokidar": "^1.6.1",
"connect-history-api-fallback": "^1.3.0",
"copy-webpack-plugin": "^4.0.1",
"css-loader": "^0.25.0",
"eslint": "^3.10.1",
"css-loader": "^0.26.0",
"eslint": "^3.10.2",
"eslint-friendly-formatter": "^2.0.6",
"eslint-loader": "^1.6.1",
"eslint-plugin-html": "^1.6.0",
"eslint-plugin-html": "^1.7.0",
"eventsource-polyfill": "^0.9.6",
"express": "^4.14.0",
"extract-text-webpack-plugin": "^1.0.1",
"file-loader": "^0.9.0",
"highlight.js": "^9.8.0",
"html-webpack-plugin": "^2.24.1",
"node-sass": "^3.12.2",
"node-sass": "^3.13.0",
"ora": "^0.3.0",
"raw-loader": "^0.5.1",
"sass-loader": "^4.0.2",
"vue-hot-reload-api": "^2.0.6",
"vue-html-loader": "^1.2.3",
"vue-loader": "^9.9.1",
"vue-router": "^2.0.2",
"vue-loader": "^9.9.5",
"vue-router": "^2.0.3",
"vue-style-loader": "^1.0.0",
"vue-template-compiler": "^2.0.6",
"vue-template-compiler": "^2.0.8",
"webpack": "^1.13.3",
"webpack-dev-middleware": "^1.8.4",
"webpack-hot-middleware": "^2.13.2",
"webpack-merge": "^0.16.0"
"webpack-merge": "^0.17.0"
}
}

View file

@ -29,7 +29,7 @@ export default {
this.parentContainer.counterLength = this.maxlength;
},
setParentValue() {
this.parentContainer.setValue(this.$el.value);
this.parentContainer.setValue(this.value);
},
setParentDisabled() {
this.parentContainer.isDisabled = this.disabled;
@ -49,9 +49,9 @@ export default {
},
onInput() {
this.setParentValue();
this.parentContainer.inputLength = this.$el.value.length;
this.$emit('change', this.$el.value);
this.$emit('input', this.$el.value);
this.parentContainer.inputLength = this.value ? this.value.length : 0;
this.$emit('change', this.value);
this.$emit('input', this.value);
}
}
};

View file

@ -25,7 +25,6 @@
return {
value: '',
input: false,
inputType: false,
showPassword: false,
enableCounter: false,
hasSelect: false,
@ -59,9 +58,12 @@
}
},
methods: {
isInput() {
return this.input && this.input.tagName.toLowerCase() === 'input';
},
togglePasswordType() {
if (this.input.tagName.toLowerCase() === 'input') {
if (this.inputType === 'password') {
if (this.isInput()) {
if (this.input.type === 'password') {
this.input.type = 'text';
this.showPassword = true;
} else {
@ -84,8 +86,6 @@
throw new Error('Missing input/select/textarea inside md-input-container');
}
this.inputType = this.input.type;
}
};
</script>

View file

@ -10,6 +10,7 @@
<script>
import transitionEndEventName from '../../core/utils/transitionEndEventName';
import getInViewPosition from '../../core/utils/getInViewPosition';
export default {
props: {
@ -70,39 +71,6 @@
addNewDirectionMenuContentClass(direction) {
this.menuContent.classList.add('md-direction-' + direction.replace(' ', '-'));
},
isAboveOfViewport(pos) {
return pos.top <= this.browserMargin - parseInt(getComputedStyle(this.menuContent).marginTop, 10);
},
isBelowOfViewport(pos) {
return pos.top + this.menuContent.offsetHeight + this.browserMargin >= window.innerHeight - parseInt(getComputedStyle(this.menuContent).marginTop, 10);
},
isOnTheLeftOfViewport(pos) {
return pos.left <= this.browserMargin - parseInt(getComputedStyle(this.menuContent).marginLeft, 10);
},
isOnTheRightOfViewport(pos) {
return pos.left + this.menuContent.offsetWidth + this.browserMargin >= window.innerWidth - parseInt(getComputedStyle(this.menuContent).marginLeft, 10);
},
getInViewPosition(position) {
let computedStyle = getComputedStyle(this.menuContent);
if (this.isAboveOfViewport(position)) {
position.top = this.browserMargin - parseInt(computedStyle.marginTop, 10);
}
if (this.isOnTheLeftOfViewport(position)) {
position.left = this.browserMargin - parseInt(computedStyle.marginLeft, 10);
}
if (this.isOnTheRightOfViewport(position)) {
position.left = window.innerWidth - this.browserMargin - this.menuContent.offsetWidth - parseInt(computedStyle.marginLeft, 10);
}
if (this.isBelowOfViewport(position)) {
position.top = window.innerHeight - this.browserMargin - this.menuContent.offsetHeight - parseInt(computedStyle.marginTop, 10);
}
return position;
},
getBottomRightPos() {
let menuTriggerRect = this.menuTrigger.getBoundingClientRect();
let position = {
@ -110,7 +78,7 @@
left: menuTriggerRect.left
};
this.getInViewPosition(position);
position = getInViewPosition(this.menuContent, position);
return position;
},
@ -121,7 +89,7 @@
left: menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width
};
this.getInViewPosition(position);
position = getInViewPosition(this.menuContent, position);
return position;
},
@ -132,7 +100,7 @@
left: menuTriggerRect.left
};
this.getInViewPosition(position);
position = getInViewPosition(this.menuContent, position);
return position;
},
@ -143,7 +111,7 @@
left: menuTriggerRect.left - this.menuContent.offsetWidth + menuTriggerRect.width
};
this.getInViewPosition(position);
position = getInViewPosition(this.menuContent, position);
return position;
},

View file

@ -32,6 +32,10 @@ $tooltip-height: 20px;
transition-delay: 0s !important;
}
&.md-transition-off {
transition: none !important;
}
&.md-tooltip-top {
margin-top: -14px;
transform: translate(-50%, 8px);

View file

@ -7,42 +7,8 @@
<style lang="scss" src="./mdTooltip.scss"></style>
<script>
let onMouseEnter;
let onMouseLeave;
let targetElement;
let calculateTooltipPosition = (scope) => {
let position = scope.targetElement.getBoundingClientRect();
switch (scope.mdDirection) {
case 'top':
scope.$el.style.top = position.top - scope.$el.offsetHeight + 'px';
scope.$el.style.left = position.left + position.width / 2 + 'px';
break;
case 'right':
scope.$el.style.top = position.top + 'px';
scope.$el.style.left = position.left + position.width + 'px';
break;
case 'bottom':
scope.$el.style.top = position.bottom + 'px';
scope.$el.style.left = position.left + position.width / 2 + 'px';
break;
case 'left':
scope.$el.style.top = position.top + 'px';
scope.$el.style.left = position.left - scope.$el.offsetWidth + 'px';
break;
default:
console.warn(`Invalid ${scope.mdDirection} option to md-direction option`);
}
};
import transitionEndEventName from '../../core/utils/transitionEndEventName';
import getInViewPosition from '../../core/utils/getInViewPosition';
export default {
props: {
@ -55,15 +21,17 @@
default: '0'
}
},
data() {
return {
active: false
};
},
data: () => ({
active: false,
transitionOff: false,
topPosition: false,
leftPosition: false
}),
computed: {
classes() {
return {
'md-active': this.active,
'md-transition-off': this.transitionOff,
'md-tooltip-top': this.mdDirection === 'top',
'md-tooltip-right': this.mdDirection === 'right',
'md-tooltip-bottom': this.mdDirection === 'bottom',
@ -72,47 +40,93 @@
},
style() {
return {
'transition-delay': this.mdDelay + 'ms'
'transition-delay': this.mdDelay + 'ms',
top: this.topPosition + 'px',
left: this.leftPosition + 'px'
};
}
},
watch: {
mdDirection() {
calculateTooltipPosition(this);
this.calculateTooltipPosition();
}
},
mounted() {
let tooltipElement = this.$el;
let targetElement = tooltipElement.parentNode;
methods: {
calculateTooltipPosition() {
let position = this.parentElement.getBoundingClientRect();
let cssPosition = {};
this.targetElement = targetElement;
switch (this.mdDirection) {
case 'top':
cssPosition.top = position.top - this.$el.offsetHeight;
cssPosition.left = position.left + position.width / 2;
onMouseEnter = () => {
document.body.appendChild(tooltipElement);
calculateTooltipPosition(this);
this.active = true;
};
break;
onMouseLeave = () => {
let onTransitionEnd = () => {
tooltipElement.removeEventListener('transitionend', onTransitionEnd);
case 'right':
cssPosition.top = position.top;
cssPosition.left = position.left + position.width;
if (tooltipElement.parentNode && !tooltipElement.classList.contains('md-active')) {
document.body.removeChild(tooltipElement);
break;
case 'bottom':
cssPosition.top = position.bottom;
cssPosition.left = position.left + position.width / 2;
break;
case 'left':
cssPosition.top = position.top;
cssPosition.left = position.left - this.$el.offsetWidth;
break;
default:
console.warn(`Invalid ${this.mdDirection} option to md-direction option`);
}
cssPosition = getInViewPosition(this.tooltipElement, cssPosition);
this.topPosition = cssPosition.top;
this.leftPosition = cssPosition.left;
},
open() {
document.body.appendChild(this.tooltipElement);
getComputedStyle(this.tooltipElement).top;
this.transitionOff = true;
this.calculateTooltipPosition();
window.setTimeout(() => {
this.transitionOff = false;
this.active = true;
}, 10);
},
close() {
let cleanupElements = () => {
this.tooltipElement.removeEventListener(transitionEndEventName, cleanupElements);
if (this.tooltipElement.parentNode && !this.tooltipElement.classList.contains('md-active')) {
document.body.removeChild(this.tooltipElement);
}
};
this.active = false;
tooltipElement.removeEventListener('transitionend', onTransitionEnd);
tooltipElement.addEventListener('transitionend', onTransitionEnd);
};
this.tooltipElement.removeEventListener(transitionEndEventName, cleanupElements);
this.tooltipElement.addEventListener(transitionEndEventName, cleanupElements);
}
},
mounted() {
this.$nextTick(() => {
this.tooltipElement = this.$el;
this.parentElement = this.tooltipElement.parentNode;
this.$el.parentNode.removeChild(this.$el);
this.$el.parentNode.removeChild(this.$el);
targetElement.addEventListener('mouseenter', onMouseEnter);
targetElement.addEventListener('focus', onMouseEnter);
targetElement.addEventListener('mouseleave', onMouseLeave);
targetElement.addEventListener('blur', onMouseLeave);
this.parentElement.addEventListener('mouseenter', this.open);
this.parentElement.addEventListener('focus', this.open);
this.parentElement.addEventListener('mouseleave', this.close);
this.parentElement.addEventListener('blur', this.close);
});
},
beforeDestroy() {
this.active = false;
@ -121,11 +135,11 @@
document.body.removeChild(this.$el);
}
if (targetElement) {
targetElement.removeEventListener('mouseenter', onMouseEnter);
targetElement.removeEventListener('focus', onMouseEnter);
targetElement.removeEventListener('mouseleave', onMouseLeave);
targetElement.removeEventListener('blur', onMouseLeave);
if (this.parentElement) {
this.parentElement.removeEventListener('mouseenter', this.open);
this.parentElement.removeEventListener('focus', this.open);
this.parentElement.removeEventListener('mouseleave', this.close);
this.parentElement.removeEventListener('blur', this.close);
}
}
};

View file

@ -3,14 +3,14 @@ let getClosestVueParent = ($parent, cssClass) => {
return false;
}
if ($parent._uid === 0) {
return false;
}
if ($parent.$el.classList.contains(cssClass)) {
return $parent;
}
if ($parent._uid === 0) {
return false;
}
return getClosestVueParent($parent.$parent, cssClass);
};

View file

@ -0,0 +1,41 @@
const margin = 8;
const isAboveOfViewport = (element, position) => {
return position.top <= margin - parseInt(getComputedStyle(element).marginTop, 10);
};
const isBelowOfViewport = (element, position) => {
return position.top + element.offsetHeight + margin >= window.innerHeight - parseInt(getComputedStyle(element).marginTop, 10);
};
const isOnTheLeftOfViewport = (element, position) => {
return position.left <= margin - parseInt(getComputedStyle(element).marginLeft, 10);
};
const isOnTheRightOfViewport = (element, position) => {
return position.left + element.offsetWidth + margin >= window.innerWidth - parseInt(getComputedStyle(element).marginLeft, 10);
};
const getInViewPosition = (element, position) => {
let computedStyle = getComputedStyle(element);
if (isAboveOfViewport(element, position)) {
position.top = margin - parseInt(computedStyle.marginTop, 10);
}
if (isOnTheLeftOfViewport(element, position)) {
position.left = margin - parseInt(computedStyle.marginLeft, 10);
}
if (isOnTheRightOfViewport(element, position)) {
position.left = window.innerWidth - margin - element.offsetWidth - parseInt(computedStyle.marginLeft, 10);
}
if (isBelowOfViewport(element, position)) {
position.top = window.innerHeight - margin - element.offsetHeight - parseInt(computedStyle.marginTop, 10);
}
return position;
};
export default getInViewPosition;

View file

@ -23,7 +23,7 @@ import mdToolbar from './components/mdToolbar';
import mdTooltip from './components/mdTooltip';
import mdWhiteframe from './components/mdWhiteframe';
let options = {
const options = {
mdCore,
mdAvatar,
mdBackdrop,
@ -52,7 +52,7 @@ let options = {
options.install = (Vue) => {
for (let component in options) {
let componentInstaller = options[component];
const componentInstaller = options[component];
if (componentInstaller && component !== 'install') {
Vue.use(componentInstaller);

260
yarn.lock
View file

@ -264,21 +264,22 @@ babel-core, babel-core@^6.18.0:
source-map "^0.5.0"
babel-eslint:
version "7.1.0"
resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-7.1.0.tgz#d506a5174ba224e25a2d17e128e2ba8987139ddc"
version "7.1.1"
resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-7.1.1.tgz#8a6a884f085aa7060af69cfc77341c2f99370fb2"
dependencies:
babel-code-frame "^6.16.0"
babel-traverse "^6.15.0"
babel-types "^6.15.0"
babylon "^6.11.2"
babylon "^6.13.0"
lodash.pickby "^4.6.0"
babel-generator@^6.18.0:
version "6.18.0"
resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.18.0.tgz#e4f104cb3063996d9850556a45aae4a022060a07"
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-generator/-/babel-generator-6.19.0.tgz#9b2f244204777a3d6810ec127c673c87b349fac5"
dependencies:
babel-messages "^6.8.0"
babel-runtime "^6.9.0"
babel-types "^6.18.0"
babel-types "^6.19.0"
detect-indent "^4.0.0"
jsesc "^1.3.0"
lodash "^4.2.0"
@ -403,8 +404,8 @@ babel-helpers@^6.16.0:
babel-template "^6.16.0"
babel-loader:
version "6.2.7"
resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-6.2.7.tgz#16fdbf64328030dc5a606827d389c8b92a2a8032"
version "6.2.8"
resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-6.2.8.tgz#30d7183aef60afc140b36443676b7acb4c12ac9c"
dependencies:
find-cache-dir "^0.1.1"
loader-utils "^0.2.11"
@ -417,6 +418,10 @@ babel-messages@^6.8.0:
dependencies:
babel-runtime "^6.0.0"
babel-plugin-add-module-exports:
version "0.2.1"
resolved "https://registry.yarnpkg.com/babel-plugin-add-module-exports/-/babel-plugin-add-module-exports-0.2.1.tgz#9ae9a1f4a8dc67f0cdec4f4aeda1e43a5ff65e25"
babel-plugin-check-es2015-constants@^6.3.13:
version "6.8.0"
resolved "https://registry.yarnpkg.com/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.8.0.tgz#dbf024c32ed37bfda8dee1e76da02386a8d26fe7"
@ -496,12 +501,13 @@ babel-plugin-transform-class-constructor-call@^6.3.13:
babel-template "^6.8.0"
babel-plugin-transform-class-properties@^6.18.0:
version "6.18.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.18.0.tgz#bc1266a39d4c8726e0bd7b15c56235177e6ede57"
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.19.0.tgz#1274b349abaadc835164e2004f4a2444a2788d5f"
dependencies:
babel-helper-function-name "^6.18.0"
babel-plugin-syntax-class-properties "^6.8.0"
babel-runtime "^6.9.1"
babel-template "^6.15.0"
babel-plugin-transform-decorators@^6.13.0:
version "6.13.0"
@ -566,8 +572,8 @@ babel-plugin-transform-es2015-computed-properties@^6.3.13:
babel-template "^6.8.0"
babel-plugin-transform-es2015-destructuring@^6.18.0:
version "6.18.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.18.0.tgz#a08fb89415ab82058649558bedb7bf8dafa76ba5"
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.19.0.tgz#ff1d911c4b3f4cab621bd66702a869acd1900533"
dependencies:
babel-runtime "^6.9.0"
@ -616,8 +622,8 @@ babel-plugin-transform-es2015-modules-commonjs@^6.18.0:
babel-types "^6.18.0"
babel-plugin-transform-es2015-modules-systemjs@^6.18.0:
version "6.18.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.18.0.tgz#f09294707163edae4d3b3e8bfacecd01d920b7ad"
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.19.0.tgz#50438136eba74527efa00a5b0fefaf1dc4071da6"
dependencies:
babel-helper-hoist-variables "^6.18.0"
babel-runtime "^6.11.6"
@ -713,8 +719,8 @@ babel-plugin-transform-function-bind@^6.3.13:
babel-runtime "^6.0.0"
babel-plugin-transform-object-rest-spread@^6.16.0:
version "6.16.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.16.0.tgz#db441d56fffc1999052fdebe2e2f25ebd28e36a9"
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.19.0.tgz#f6ac428ee3cb4c6aa00943ed1422ce813603b34c"
dependencies:
babel-plugin-syntax-object-rest-spread "^6.8.0"
babel-runtime "^6.0.0"
@ -842,31 +848,31 @@ babel-template@^6.14.0, babel-template@^6.15.0, babel-template@^6.16.0, babel-te
lodash "^4.2.0"
babel-traverse@^6.15.0, babel-traverse@^6.16.0, babel-traverse@^6.18.0:
version "6.18.0"
resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.18.0.tgz#5aeaa980baed2a07c8c47329cd90c3b90c80f05e"
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-traverse/-/babel-traverse-6.19.0.tgz#68363fb821e26247d52a519a84b2ceab8df4f55a"
dependencies:
babel-code-frame "^6.16.0"
babel-messages "^6.8.0"
babel-runtime "^6.9.0"
babel-types "^6.18.0"
babel-types "^6.19.0"
babylon "^6.11.0"
debug "^2.2.0"
globals "^9.0.0"
invariant "^2.2.0"
lodash "^4.2.0"
babel-types@^6.13.0, babel-types@^6.15.0, babel-types@^6.16.0, babel-types@^6.18.0, babel-types@^6.8.0, babel-types@^6.9.0:
version "6.18.0"
resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.18.0.tgz#1f7d5a73474c59eb9151b2417bbff4e4fce7c3f8"
babel-types@^6.13.0, babel-types@^6.15.0, babel-types@^6.16.0, babel-types@^6.18.0, babel-types@^6.19.0, babel-types@^6.8.0, babel-types@^6.9.0:
version "6.19.0"
resolved "https://registry.yarnpkg.com/babel-types/-/babel-types-6.19.0.tgz#8db2972dbed01f1192a8b602ba1e1e4c516240b9"
dependencies:
babel-runtime "^6.9.1"
esutils "^2.0.2"
lodash "^4.2.0"
to-fast-properties "^1.0.1"
babylon@^6.11.0, babylon@^6.11.2:
version "6.13.1"
resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.13.1.tgz#adca350e088f0467647157652bafead6ddb8dfdb"
babylon@^6.11.0, babylon@^6.13.0:
version "6.14.1"
resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.14.1.tgz#956275fab72753ad9b3435d7afe58f8bf0a29815"
balanced-match@^0.4.1, balanced-match@^0.4.2:
version "0.4.2"
@ -975,7 +981,7 @@ callsites@^0.2.0:
version "0.2.0"
resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca"
camel-case@^3.0.0:
camel-case@^3.0.0, camel-case@3.0.x:
version "3.0.0"
resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-3.0.0.tgz#ca3c3688a4e9cf3a4cda777dc4dcbc713249cf73"
dependencies:
@ -1002,8 +1008,8 @@ camelcase@^3.0.0:
resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
caniuse-db@^1.0.30000539, caniuse-db@^1.0.30000578:
version "1.0.30000580"
resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000580.tgz#04bf77139486b792ca42b4ab8ef0cbec00fe4640"
version "1.0.30000584"
resolved "https://registry.yarnpkg.com/caniuse-db/-/caniuse-db-1.0.30000584.tgz#cfbce897a48145fa73f96d893025581e838648c4"
caseless@~0.11.0:
version "0.11.0"
@ -1075,8 +1081,8 @@ clap@^1.0.9:
chalk "^1.1.3"
clean-css@3.4.x:
version "3.4.20"
resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-3.4.20.tgz#c0d8963b5448e030f0bcd3ddd0dac4dfe3dea501"
version "3.4.21"
resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-3.4.21.tgz#2101d5dbd19d63dbc16a75ebd570e7c33948f65b"
dependencies:
commander "2.8.x"
source-map "0.4.x"
@ -1130,8 +1136,8 @@ code-point-at@^1.0.0:
resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
color-convert@^1.3.0:
version "1.7.0"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.7.0.tgz#473bcddfa54b76a77a3d435aceccfbf3d99cbbb0"
version "1.8.2"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.8.2.tgz#be868184d7c8631766d54e7078e2672d7c7e3339"
dependencies:
color-name "^1.1.1"
@ -1221,8 +1227,8 @@ console-control-strings@^1.0.0, console-control-strings@~1.1.0:
resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
consolidate@^0.14.0:
version "0.14.4"
resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.14.4.tgz#18c673789ece942223de30d43da80b1ba7905835"
version "0.14.5"
resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.14.5.tgz#5a25047bc76f73072667c8cb52c989888f494c63"
dependencies:
bluebird "^3.1.1"
@ -1304,14 +1310,14 @@ css-color-names@0.0.4:
resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
css-loader:
version "0.25.0"
resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.25.0.tgz#c3febc8ce28f4c83576b6b13707f47f90c390223"
version "0.26.0"
resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-0.26.0.tgz#160d378f5b8e0fd4ff6daf4f3580e2219b33025f"
dependencies:
babel-code-frame "^6.11.0"
css-selector-tokenizer "^0.6.0"
css-selector-tokenizer "^0.7.0"
cssnano ">=2.6.1 <4"
loader-utils "~0.2.2"
lodash.camelcase "^3.0.1"
lodash.camelcase "^4.3.0"
object-assign "^4.0.1"
postcss "^5.0.6"
postcss-modules-extract-imports "^1.0.0"
@ -1337,6 +1343,14 @@ css-selector-tokenizer@^0.6.0:
fastparse "^1.1.1"
regexpu-core "^1.0.0"
css-selector-tokenizer@^0.7.0:
version "0.7.0"
resolved "https://registry.yarnpkg.com/css-selector-tokenizer/-/css-selector-tokenizer-0.7.0.tgz#e6988474ae8c953477bf5e7efecfceccd9cf4c86"
dependencies:
cssesc "^0.1.0"
fastparse "^1.1.1"
regexpu-core "^1.0.0"
css-what@2.1:
version "2.1.0"
resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.0.tgz#9467d032c38cfaefb9f2d79501253062f87fa1bd"
@ -1416,8 +1430,8 @@ de-indent@^1.0.2:
resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
debug@^2.1.1, debug@^2.2.0:
version "2.3.2"
resolved "https://registry.yarnpkg.com/debug/-/debug-2.3.2.tgz#94cb466ef7d6d2c7e5245cdd6e4104f2d0d70d30"
version "2.3.3"
resolved "https://registry.yarnpkg.com/debug/-/debug-2.3.3.tgz#40c453e67e6e13c901ddec317af8986cda9eff8c"
dependencies:
ms "0.7.2"
@ -1672,8 +1686,8 @@ escope@^3.6.0:
estraverse "^4.1.1"
eslint:
version "3.10.1"
resolved "https://registry.yarnpkg.com/eslint/-/eslint-3.10.1.tgz#65544c7c171986899fa8a8f9abd71badf7981ba0"
version "3.10.2"
resolved "https://registry.yarnpkg.com/eslint/-/eslint-3.10.2.tgz#c9a10e8bf6e9d65651204778c503341f1eac3ce7"
dependencies:
babel-code-frame "^6.16.0"
chalk "^1.1.3"
@ -1729,8 +1743,8 @@ eslint-loader:
object-hash "^1.1.4"
eslint-plugin-html:
version "1.6.0"
resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-1.6.0.tgz#81f38bec0f212b19cba60e6a7f5852b7c269ec5f"
version "1.7.0"
resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-1.7.0.tgz#2a5b03884d8d56adf9ad9864e9c036480fb629c9"
dependencies:
htmlparser2 "^3.8.2"
@ -1910,7 +1924,7 @@ finalhandler@0.5.0:
find-cache-dir@^0.1.1:
version "0.1.1"
resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9"
resolved "http://registry.npmjs.org/find-cache-dir/-/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9"
dependencies:
commondir "^1.0.1"
mkdirp "^0.5.1"
@ -2026,6 +2040,20 @@ gauge@~2.6.0:
strip-ansi "^3.0.1"
wide-align "^1.1.0"
gauge@~2.7.1:
version "2.7.1"
resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.1.tgz#388473894fe8be5e13ffcdb8b93e4ed0616428c7"
dependencies:
aproba "^1.0.3"
console-control-strings "^1.0.0"
has-color "^0.1.7"
has-unicode "^2.0.0"
object-assign "^4.1.0"
signal-exit "^3.0.0"
string-width "^1.0.1"
strip-ansi "^3.0.1"
wide-align "^1.1.0"
gaze@^1.0.0:
version "1.1.2"
resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.2.tgz#847224677adb8870d679257ed3388fdb61e40105"
@ -2101,8 +2129,8 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@~7.1.1:
path-is-absolute "^1.0.0"
globals@^9.0.0, globals@^9.2.0:
version "9.13.0"
resolved "https://registry.yarnpkg.com/globals/-/globals-9.13.0.tgz#d97706b61600d8dbe94708c367d3fdcf48470b8f"
version "9.14.0"
resolved "https://registry.yarnpkg.com/globals/-/globals-9.14.0.tgz#8859936af0038741263053b39d0e76ca241e4034"
globby@^5.0.0:
version "5.0.0"
@ -2228,14 +2256,15 @@ html-minifier@^2.1.5:
uglify-js "2.6.x"
html-minifier@^3.1.0:
version "3.1.1"
resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.1.1.tgz#73bd0600fc9d68f536b13a788360245b6d76eb9c"
version "3.2.2"
resolved "https://registry.yarnpkg.com/html-minifier/-/html-minifier-3.2.2.tgz#30d9fc4f22967bf056c68851e42a787bd45089a5"
dependencies:
change-case "3.0.x"
camel-case "3.0.x"
clean-css "3.4.x"
commander "2.9.x"
he "1.1.x"
ncname "1.0.x"
param-case "2.1.x"
relateurl "0.2.x"
uglify-js "2.7.x"
@ -2278,12 +2307,12 @@ http-browserify@^1.3.2:
inherits "~2.0.1"
http-errors@~1.5.0:
version "1.5.0"
resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.5.0.tgz#b1cb3d8260fd8e2386cad3189045943372d48211"
version "1.5.1"
resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.5.1.tgz#788c0d2c1de2c81b9e6e8c01843b6b97eb920750"
dependencies:
inherits "2.0.1"
setprototypeof "1.0.1"
statuses ">= 1.3.0 < 2"
inherits "2.0.3"
setprototypeof "1.0.2"
statuses ">= 1.3.1 < 2"
http-signature@~1.1.0:
version "1.1.1"
@ -2338,7 +2367,7 @@ inflight@^1.0.4:
once "^1.3.0"
wrappy "1"
inherits@^2.0.1, inherits@~2.0.0, inherits@~2.0.1, inherits@2:
inherits@^2.0.1, inherits@~2.0.0, inherits@~2.0.1, inherits@2, inherits@2.0.3:
version "2.0.3"
resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
@ -2377,8 +2406,8 @@ interpret@^1.0.0:
resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.0.1.tgz#d579fb7f693b858004947af39fa0db49f795602c"
invariant@^2.2.0:
version "2.2.1"
resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.1.tgz#b097010547668c7e337028ebe816ebe36c8a8d54"
version "2.2.2"
resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.2.tgz#9e1f56ac0acdb6bf303306f338be3b204ae60360"
dependencies:
loose-envify "^1.0.0"
@ -2761,13 +2790,6 @@ lodash._createassigner@^3.0.0:
lodash._isiterateecall "^3.0.0"
lodash.restparam "^3.0.0"
lodash._createcompounder@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/lodash._createcompounder/-/lodash._createcompounder-3.0.0.tgz#5dd2cb55372d6e70e0e2392fb2304d6631091075"
dependencies:
lodash.deburr "^3.0.0"
lodash.words "^3.0.0"
lodash._getnative@^3.0.0:
version "3.9.1"
resolved "https://registry.yarnpkg.com/lodash._getnative/-/lodash._getnative-3.9.1.tgz#570bc7dede46d61cdcde687d65d3eecbaa3aaff5"
@ -2776,30 +2798,18 @@ lodash._isiterateecall@^3.0.0:
version "3.0.9"
resolved "https://registry.yarnpkg.com/lodash._isiterateecall/-/lodash._isiterateecall-3.0.9.tgz#5203ad7ba425fae842460e696db9cf3e6aac057c"
lodash._root@^3.0.0:
version "3.0.1"
resolved "https://registry.yarnpkg.com/lodash._root/-/lodash._root-3.0.1.tgz#fba1c4524c19ee9a5f8136b4609f017cf4ded692"
lodash.assign@^4.0.3, lodash.assign@^4.0.6, lodash.assign@^4.2.0:
version "4.2.0"
resolved "https://registry.yarnpkg.com/lodash.assign/-/lodash.assign-4.2.0.tgz#0d99f3ccd7a6d261d19bdaeb9245005d285808e7"
lodash.camelcase@^3.0.1:
version "3.0.1"
resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-3.0.1.tgz#932c8b87f8a4377897c67197533282f97aeac298"
dependencies:
lodash._createcompounder "^3.0.0"
lodash.camelcase@^4.3.0:
version "4.3.0"
resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6"
lodash.clonedeep@^4.3.2:
version "4.5.0"
resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
lodash.deburr@^3.0.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/lodash.deburr/-/lodash.deburr-3.2.0.tgz#6da8f54334a366a7cf4c4c76ef8d80aa1b365ed5"
dependencies:
lodash._root "^3.0.0"
lodash.find@^3.2.1:
version "3.2.1"
resolved "https://registry.yarnpkg.com/lodash.find/-/lodash.find-3.2.1.tgz#046e319f3ace912ac6c9246c7f683c5ec07b36ad"
@ -2891,15 +2901,9 @@ lodash.toplainobject@^3.0.0:
lodash._basecopy "^3.0.0"
lodash.keysin "^3.0.0"
lodash.words@^3.0.0:
version "3.2.0"
resolved "https://registry.yarnpkg.com/lodash.words/-/lodash.words-3.2.0.tgz#4e2a8649bc08745b17c695b1a3ce8fee596623b3"
dependencies:
lodash._root "^3.0.0"
lodash@^4.0.0, lodash@^4.14.0, lodash@^4.16.4, lodash@^4.2.0, lodash@^4.3.0:
version "4.17.0"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.0.tgz#93f4466e5ab73e5a1f1216c34eea11535f0a8df5"
version "4.17.2"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.2.tgz#34a3055babe04ce42467b607d700072c7ff6bf42"
lodash@~4.16.4:
version "4.16.6"
@ -3021,15 +3025,15 @@ micromatch@^2.1.5:
parse-glob "^3.0.4"
regex-cache "^0.4.2"
mime-db@~1.24.0:
version "1.24.0"
resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.24.0.tgz#e2d13f939f0016c6e4e9ad25a8652f126c467f0c"
mime-db@~1.25.0:
version "1.25.0"
resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.25.0.tgz#c18dbd7c73a5dbf6f44a024dc0d165a1e7b1c392"
mime-types@^2.1.12, mime-types@~2.1.11, mime-types@~2.1.7:
version "2.1.12"
resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.12.tgz#152ba256777020dd4663f54c2e7bc26381e71729"
mime-types@^2.1.12, mime-types@~2.1.11, mime-types@~2.1.13, mime-types@~2.1.7:
version "2.1.13"
resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.13.tgz#e07aaa9c6c6b9a7ca3012c69003ad25a39e92a88"
dependencies:
mime-db "~1.24.0"
mime-db "~1.25.0"
mime@^1.3.4, mime@1.3.4:
version "1.3.4"
@ -3163,8 +3167,8 @@ node-pre-gyp@^0.6.29:
tar-pack "~3.3.0"
node-sass:
version "3.12.2"
resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-3.12.2.tgz#dc6dfe0463ec6968b8b7776f30d2c5d30a967b84"
version "3.13.0"
resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-3.13.0.tgz#d08b95bdebf40941571bd2c16a9334b980f8924f"
dependencies:
async-foreach "^0.1.3"
chalk "^1.1.1"
@ -3183,10 +3187,6 @@ node-sass:
request "^2.61.0"
sass-graph "^2.1.1"
node-uuid@~1.4.7:
version "1.4.7"
resolved "https://registry.yarnpkg.com/node-uuid/-/node-uuid-1.4.7.tgz#6da5a17668c4b3dd59623bda11cf7fa4c1f60a6f"
nopt@~3.0.1, nopt@~3.0.6, "nopt@2 || 3":
version "3.0.6"
resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
@ -3220,12 +3220,12 @@ normalize-url@^1.4.0:
sort-keys "^1.0.0"
npmlog@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.0.0.tgz#e094503961c70c1774eb76692080e8d578a9f88f"
version "4.0.1"
resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.0.1.tgz#d14f503b4cd79710375553004ba96e6662fbc0b8"
dependencies:
are-we-there-yet "~1.1.2"
console-control-strings "~1.1.0"
gauge "~2.6.0"
gauge "~2.7.1"
set-blocking "~2.0.0"
"npmlog@0 || 1 || 2 || 3":
@ -3356,7 +3356,7 @@ pako@~0.2.0:
version "0.2.9"
resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
param-case@^2.1.0:
param-case@^2.1.0, param-case@2.1.x:
version "2.1.0"
resolved "https://registry.yarnpkg.com/param-case/-/param-case-2.1.0.tgz#2619f90fd6c829ed0b958f1c84ed03a745a6d70a"
dependencies:
@ -3569,8 +3569,8 @@ postcss-minify-params@^1.0.4:
uniqs "^2.0.0"
postcss-minify-selectors@^2.0.4:
version "2.0.6"
resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-2.0.6.tgz#044b1a85ee2f909fc9a1c540f6f74b0e7613f119"
version "2.0.7"
resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-2.0.7.tgz#bfb9248fe14db33770f036572de6b4897c48d81c"
dependencies:
alphanum-sort "^1.0.2"
has "^1.0.1"
@ -3936,7 +3936,7 @@ regenerator-runtime@^0.9.5:
regex-cache@^0.4.2:
version "0.4.3"
resolved "http://registry.npmjs.org/regex-cache/-/regex-cache-0.4.3.tgz#9b1a6c35d4d0dfcef5711ae651e8e9d3d7114145"
resolved "https://registry.yarnpkg.com/regex-cache/-/regex-cache-0.4.3.tgz#9b1a6c35d4d0dfcef5711ae651e8e9d3d7114145"
dependencies:
is-equal-shallow "^0.1.3"
is-primitive "^2.0.0"
@ -3996,8 +3996,8 @@ repeating@^2.0.0:
is-finite "^1.0.0"
request@^2.61.0, request@^2.75.0, request@2:
version "2.78.0"
resolved "https://registry.yarnpkg.com/request/-/request-2.78.0.tgz#e1c8dec346e1c81923b24acdb337f11decabe9cc"
version "2.79.0"
resolved "https://registry.yarnpkg.com/request/-/request-2.79.0.tgz#4dfe5bf6be8b8cdc37fcf93e04b65577722710de"
dependencies:
aws-sign2 "~0.6.0"
aws4 "^1.2.1"
@ -4013,12 +4013,12 @@ request@^2.61.0, request@^2.75.0, request@2:
isstream "~0.1.2"
json-stringify-safe "~5.0.1"
mime-types "~2.1.7"
node-uuid "~1.4.7"
oauth-sign "~0.8.1"
qs "~6.3.0"
stringstream "~0.0.4"
tough-cookie "~2.3.0"
tunnel-agent "~0.4.1"
uuid "^3.0.0"
require-directory@^2.1.1:
version "2.1.1"
@ -4146,9 +4146,9 @@ set-immediate-shim@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
setprototypeof@1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.0.1.tgz#52009b27888c4dc48f591949c0a8275834c1ca7e"
setprototypeof@1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.0.2.tgz#81a552141ec104b88e89ce383103ad5c66564d08"
sha.js@2.2.6:
version "2.2.6"
@ -4249,7 +4249,7 @@ sshpk@^1.7.0:
jsbn "~0.1.0"
tweetnacl "~0.14.0"
"statuses@>= 1.3.0 < 2", statuses@~1.3.0:
"statuses@>= 1.3.1 < 2", statuses@~1.3.0:
version "1.3.1"
resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.3.1.tgz#faf51b9eb74aaef3b3acf4ad5f61abf24cb7b93e"
@ -4440,11 +4440,11 @@ type-check@~0.3.2:
prelude-ls "~1.1.2"
type-is@~1.6.13:
version "1.6.13"
resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.13.tgz#6e83ba7bc30cd33a7bb0b7fb00737a2085bf9d08"
version "1.6.14"
resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.14.tgz#e219639c17ded1ca0789092dd54a03826b817cb2"
dependencies:
media-typer "0.3.0"
mime-types "~2.1.11"
mime-types "~2.1.13"
typedarray@~0.0.5:
version "0.0.6"
@ -4543,6 +4543,10 @@ utils-merge@1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.0.tgz#0294fb922bb9375153541c4f7096231f287c8af8"
uuid@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.0.0.tgz#6728fc0459c450d796a99c31837569bdf672d728"
v8flags@^2.0.10:
version "2.0.11"
resolved "https://registry.yarnpkg.com/v8flags/-/v8flags-2.0.11.tgz#bca8f30f0d6d60612cc2c00641e6962d42ae6881"
@ -4595,8 +4599,8 @@ vue-html-loader:
object-assign "^4.1.0"
vue-loader:
version "9.9.1"
resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-9.9.1.tgz#2867dd29027fab6d0f94bef98c607dc2d3a36304"
version "9.9.5"
resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-9.9.5.tgz#0893e3093e90c8fbe852053b2b0f4854a3bf4651"
dependencies:
consolidate "^0.14.0"
hash-sum "^1.0.2"
@ -4613,8 +4617,8 @@ vue-loader:
vue-template-es2015-compiler "^1.2.2"
vue-router:
version "2.0.2"
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-2.0.2.tgz#1cdd469cc8a037f92fd711683ca23a11840a5006"
version "2.0.3"
resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-2.0.3.tgz#444e246fd42d65a34dea6c3be8fde3315c4ba6f7"
vue-style-loader, vue-style-loader@^1.0.0:
version "1.0.0"
@ -4623,15 +4627,15 @@ vue-style-loader, vue-style-loader@^1.0.0:
loader-utils "^0.2.7"
vue-template-compiler, vue-template-compiler@^2.0.5:
version "2.0.5"
resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.0.5.tgz#6a8c454e7d4ed03cc295ae9733a432e31df25ea3"
version "2.0.8"
resolved "https://registry.yarnpkg.com/vue-template-compiler/-/vue-template-compiler-2.0.8.tgz#e91e1ed6b9b7404f8394166cfeb53eb8b620329a"
dependencies:
de-indent "^1.0.2"
he "^1.1.0"
vue-template-es2015-compiler@^1.2.2:
version "1.2.3"
resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.2.3.tgz#59695cb1d74f8a575b28e7afe82ce1828200899f"
version "1.2.4"
resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.2.4.tgz#f8068d805bd93b0b47afb9dc9f47976f77c8282a"
watchpack@^0.2.1:
version "0.2.9"
@ -4687,8 +4691,8 @@ webpack-hot-middleware:
strip-ansi "^3.0.0"
webpack-merge:
version "0.16.0"
resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-0.16.0.tgz#1b76bfd7d69f349cd805e2094a36dbfccf63bc99"
version "0.17.0"
resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-0.17.0.tgz#3548ef319e3a72676f831edfe7cba687aa781c84"
dependencies:
lodash.find "^3.2.1"
lodash.isequal "^4.2.0"