(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__(206); /***/ }, /* 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" /***/ }, /* 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" /***/ }, /* 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__ /***/ }, /* 17 */, /* 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" /***/ }, /* 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__ /***/ }, /* 22 */, /* 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" /***/ }, /* 26 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = install; var _mdCard = __webpack_require__(27); var _mdCard2 = _interopRequireDefault(_mdCard); var _mdCardMedia = __webpack_require__(31); var _mdCardMedia2 = _interopRequireDefault(_mdCardMedia); var _mdCardMediaCover = __webpack_require__(34); var _mdCardMediaCover2 = _interopRequireDefault(_mdCardMediaCover); var _mdCardMediaActions = __webpack_require__(37); var _mdCardMediaActions2 = _interopRequireDefault(_mdCardMediaActions); var _mdCardHeader = __webpack_require__(39); var _mdCardHeader2 = _interopRequireDefault(_mdCardHeader); var _mdCardHeaderText = __webpack_require__(41); var _mdCardHeaderText2 = _interopRequireDefault(_mdCardHeaderText); var _mdCardContent = __webpack_require__(44); var _mdCardContent2 = _interopRequireDefault(_mdCardContent); var _mdCardActions = __webpack_require__(46); var _mdCardActions2 = _interopRequireDefault(_mdCardActions); var _mdCardArea = __webpack_require__(48); var _mdCardArea2 = _interopRequireDefault(_mdCardArea); var _mdCardExpand = __webpack_require__(51); var _mdCardExpand2 = _interopRequireDefault(_mdCardExpand); var _mdCard3 = __webpack_require__(54); var _mdCard4 = _interopRequireDefault(_mdCard3); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function install(Vue) { Vue.component('md-card', Vue.extend(_mdCard2.default)); Vue.component('md-card-media', Vue.extend(_mdCardMedia2.default)); Vue.component('md-card-media-cover', Vue.extend(_mdCardMediaCover2.default)); Vue.component('md-card-media-actions', Vue.extend(_mdCardMediaActions2.default)); Vue.component('md-card-header', Vue.extend(_mdCardHeader2.default)); Vue.component('md-card-header-text', Vue.extend(_mdCardHeaderText2.default)); Vue.component('md-card-content', Vue.extend(_mdCardContent2.default)); Vue.component('md-card-actions', Vue.extend(_mdCardActions2.default)); Vue.component('md-card-area', Vue.extend(_mdCardArea2.default)); Vue.component('md-card-expand', Vue.extend(_mdCardExpand2.default)); Vue.material.styles.push(_mdCard4.default); } module.exports = exports['default']; /***/ }, /* 27 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* styles */ __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-5074f4ed!sass!./mdCard.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())) /* script */ __vue_exports__ = __webpack_require__(29) /* template */ var __vue_template__ = __webpack_require__(30) __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/mdCard/mdCard.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-5074f4ed", __vue_options__) } else { hotAPI.reload("data-v-5074f4ed", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCard.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 28 */, /* 29 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); // // // // // // // // exports.default = { props: { mdWithHover: Boolean }, computed: { classes: function classes() { return { 'md-with-hover': this.mdWithHover }; } } }; module.exports = exports['default']; /***/ }, /* 30 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card", class: _vm.classes }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-5074f4ed", module.exports) } } /***/ }, /* 31 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(32) /* template */ var __vue_template__ = __webpack_require__(33) __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/mdCard/mdCardMedia.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-623c9b27", __vue_options__) } else { hotAPI.reload("data-v-623c9b27", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardMedia.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 32 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); // // // // // // exports.default = { props: { mdRatio: String, mdMedium: Boolean, mdBig: Boolean }, computed: { classes: function classes() { var classes = { 'md-16-9': this.mdRatio === '16:9' || this.mdRatio === '16/9', 'md-4-3': this.mdRatio === '4:3' || this.mdRatio === '4/3', 'md-1-1': this.mdRatio === '1:1' || this.mdRatio === '1/1' }; if (this.mdMedium || this.mdBig) { classes = { 'md-medium': this.mdMedium, 'md-big': this.mdBig }; } return classes; } } }; module.exports = exports['default']; /***/ }, /* 33 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-media", class: _vm.classes }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-623c9b27", module.exports) } } /***/ }, /* 34 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(35) /* template */ var __vue_template__ = __webpack_require__(36) __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/mdCard/mdCardMediaCover.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-1a9ce900", __vue_options__) } else { hotAPI.reload("data-v-1a9ce900", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardMediaCover.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 35 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); // // // // // // // var getImageAlpha = function getImageAlpha(image, onLoad) { var canvas = document.createElement('canvas'); image.onload = function () { var colorSum = 0; var ctx = void 0; var imageData = void 0; var imageMetadata = void 0; var r = void 0; var g = void 0; var b = void 0; var average = void 0; canvas.width = this.width; canvas.height = this.height; ctx = canvas.getContext('2d'); ctx.drawImage(this, 0, 0); imageData = ctx.getImageData(0, 0, canvas.width, canvas.height); imageMetadata = imageData.data; for (var x = 0, len = imageMetadata.length; x < len; x += 4) { r = imageMetadata[x]; g = imageMetadata[x + 1]; b = imageMetadata[x + 2]; average = Math.floor((r + g + b) / 3); colorSum += average; } onLoad(Math.floor(colorSum / (this.width * this.height))); }; }; exports.default = { props: { mdTextScrim: Boolean, mdSolid: Boolean }, data: function data() { return { backdropBg: {} }; }, computed: { classes: function classes() { return { 'md-text-scrim': this.mdTextScrim, 'md-solid': this.mdSolid }; }, styles: function styles() { return { background: this.backdropBg }; } }, methods: { applyScrimColor: function applyScrimColor(darkness) { if (this.$refs.backdrop) { this.backdropBg = 'linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, ' + darkness / 2 + ') 66%, rgba(0, 0, 0, ' + darkness + ') 100%)'; } }, applySolidColor: function applySolidColor(darkness) { var area = this.$el.querySelector('.md-card-area'); if (area) { area.style.background = 'rgba(0, 0, 0, ' + darkness + ')'; } } }, mounted: function mounted() { var _this = this; var image = this.$el.querySelector('img'); if (image && (this.mdTextScrim || this.mdSolid)) { getImageAlpha(image, function (lightness) { var limit = 256; var darkness = (Math.abs(limit - lightness) * 100 / limit + 15) / 100; if (darkness >= 0.7) { darkness = 0.7; } if (_this.mdTextScrim) { _this.applyScrimColor(darkness); } else if (_this.mdSolid) { _this.applySolidColor(darkness); } }); } } }; module.exports = exports['default']; /***/ }, /* 36 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-media-cover", class: _vm.classes }, [_vm._t("default"), " ", (_vm.mdTextScrim) ? _vm._h('div', { ref: "backdrop", staticClass: "md-backdrop", style: (_vm.styles) }) : _vm._e()]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-1a9ce900", module.exports) } } /***/ }, /* 37 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* template */ var __vue_template__ = __webpack_require__(38) __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/mdCard/mdCardMediaActions.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-9711f4f4", __vue_options__) } else { hotAPI.reload("data-v-9711f4f4", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardMediaActions.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 38 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-media-actions" }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-9711f4f4", module.exports) } } /***/ }, /* 39 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* template */ var __vue_template__ = __webpack_require__(40) __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/mdCard/mdCardHeader.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-2b945d4c", __vue_options__) } else { hotAPI.reload("data-v-2b945d4c", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardHeader.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 40 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-header" }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-2b945d4c", module.exports) } } /***/ }, /* 41 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(42) /* template */ var __vue_template__ = __webpack_require__(43) __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/mdCard/mdCardHeaderText.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-3c04eb27", __vue_options__) } else { hotAPI.reload("data-v-3c04eb27", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardHeaderText.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 42 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); // // // // // // exports.default = { mounted: function mounted() { this.parentClasses = this.$parent.$el.classList; if (this.parentClasses.contains('md-card-header')) { this.insideParent = true; this.parentClasses.add('md-card-header-flex'); } }, destroyed: function destroyed() { this.parentClasses.remove('md-card-header-flex'); } }; module.exports = exports['default']; /***/ }, /* 43 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-header-text" }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-3c04eb27", module.exports) } } /***/ }, /* 44 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* template */ var __vue_template__ = __webpack_require__(45) __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/mdCard/mdCardContent.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-015e0e7c", __vue_options__) } else { hotAPI.reload("data-v-015e0e7c", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardContent.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 45 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-content" }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-015e0e7c", module.exports) } } /***/ }, /* 46 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* template */ var __vue_template__ = __webpack_require__(47) __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/mdCard/mdCardActions.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-78014100", __vue_options__) } else { hotAPI.reload("data-v-78014100", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardActions.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 47 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-actions" }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-78014100", module.exports) } } /***/ }, /* 48 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(49) /* template */ var __vue_template__ = __webpack_require__(50) __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/mdCard/mdCardArea.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-3894e89a", __vue_options__) } else { hotAPI.reload("data-v-3894e89a", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardArea.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 49 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); // // // // // // exports.default = { props: { mdInset: Boolean }, computed: { classes: function classes() { return { 'md-inset': this.mdInset }; } } }; module.exports = exports['default']; /***/ }, /* 50 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { staticClass: "md-card-area", class: _vm.classes }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-3894e89a", module.exports) } } /***/ }, /* 51 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* script */ __vue_exports__ = __webpack_require__(52) /* template */ var __vue_template__ = __webpack_require__(53) __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/mdCard/mdCardExpand.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-d6fa0232", __vue_options__) } else { hotAPI.reload("data-v-d6fa0232", __vue_options__) } })()} if (__vue_options__.functional) {console.error("[vue-loader] mdCardExpand.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 52 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); // // // // // // exports.default = { methods: { setContentMargin: function setContentMargin() { this.content.style.marginTop = -this.content.offsetHeight + 'px'; }, toggle: function toggle() { this.$refs.expand.classList.toggle('md-active'); }, onWindowResize: function onWindowResize() { window.requestAnimationFrame(this.setContentMargin); } }, mounted: function mounted() { this.trigger = this.$el.querySelector('[md-expand-trigger]'); this.content = this.$el.querySelector('.md-card-content'); if (this.content) { this.setContentMargin(); this.trigger.addEventListener('click', this.toggle); window.addEventListener('resize', this.onWindowResize); } }, destroyed: function destroyed() { if (this.content) { this.trigger.removeEventListener('click', this.toggle); window.removeEventListener('resize', this.onWindowResize); } } }; module.exports = exports['default']; /***/ }, /* 53 */ /***/ function(module, exports, __webpack_require__) { module.exports={render:function (){var _vm=this; return _vm._h('div', { ref: "expand", staticClass: "md-card-expand" }, [_vm._t("default")]) },staticRenderFns: []} if (false) { module.hot.accept() if (module.hot.data) { require("vue-hot-reload-api").rerender("data-v-d6fa0232", module.exports) } } /***/ }, /* 54 */ /***/ function(module, exports) { module.exports = ".THEME_NAME .md-card, .THEME_NAME.md-card {\n background-color: BACKGROUND-COLOR-A100; }\n .THEME_NAME .md-card .md-icon-button .md-icon, .THEME_NAME.md-card .md-icon-button .md-icon {\n color: BACKGROUND-CONTRAST-0.54; }\n .THEME_NAME .md-card > .md-card-area:after, .THEME_NAME.md-card > .md-card-area:after {\n background-color: BACKGROUND-CONTRAST-0.12; }\n .THEME_NAME .md-card .md-card-media-cover.md-text-scrim .md-backdrop, .THEME_NAME.md-card .md-card-media-cover.md-text-scrim .md-backdrop {\n background: linear-gradient(to bottom, BACKGROUND-CONTRAST-0.0 20%, BACKGROUND-CONTRAST-0.275 66%, BACKGROUND-CONTRAST-0.55 100%); }\n .THEME_NAME .md-card .md-card-media-cover.md-solid .md-card-area, .THEME_NAME.md-card .md-card-media-cover.md-solid .md-card-area {\n background-color: BACKGROUND-CONTRAST-0.4; }\n .THEME_NAME .md-card .md-card-expand .md-card-actions, .THEME_NAME.md-card .md-card-expand .md-card-actions {\n background-color: BACKGROUND-COLOR-A100; }\n" /***/ }, /* 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__ /***/ }, /* 57 */, /* 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" /***/ }, /* 61 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = install; var _mdTheme = __webpack_require__(62); var _mdTheme2 = _interopRequireDefault(_mdTheme); var _mdInkRipple = __webpack_require__(65); var _mdInkRipple2 = _interopRequireDefault(_mdInkRipple); var _core = __webpack_require__(69); var _core2 = _interopRequireDefault(_core); __webpack_require__(70); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } /* Code Components */ function install(Vue) { if (install.installed) { console.warn('Vue Material is already installed.'); return; } install.installed = true; Vue.material = { styles: [_core2.default] }; Vue.use(_mdTheme2.default); Vue.use(_mdInkRipple2.default); } /* Core Stylesheets */ module.exports = exports['default']; /***/ }, /* 62 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = install; var _palette = __webpack_require__(63); var _palette2 = _interopRequireDefault(_palette); var _rgba = __webpack_require__(64); var _rgba2 = _interopRequireDefault(_rgba); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var VALID_THEME_TYPE = ['primary', 'accent', 'background', 'warn', 'hue-1', 'hue-2', 'hue-3']; var DEFAULT_THEME_COLORS = { primary: 'indigo', accent: 'pink', background: 'grey', warn: 'deep-orange' }; /*const DEFAULT_HUES = { accent: { 'hue-1': 'A100', 'hue-2': 'A400', 'hue-3': 'A700' }, background: { 'hue-1': 'A100', 'hue-2': '100', 'hue-3': '300' } };*/ var createNewStyleElement = function createNewStyleElement(style, name) { var head = document.head; var styleId = 'md-theme-' + name; if (!head.querySelector('#' + styleId)) { var newTag = document.createElement('style'); style = style.replace(/THEME_NAME/g, styleId); newTag.type = 'text/css'; newTag.id = styleId; newTag.textContent = style; head.appendChild(newTag); } }; var registeredThemes = []; var parseStyle = function parseStyle(style, theme) { VALID_THEME_TYPE.forEach(function (type) { style = style.replace(RegExp('(' + type.toUpperCase() + ')-(COLOR|CONTRAST)-?(A?\\d*)-?(\\d*\\.?\\d+)?', 'g'), function (match, paletteType, colorType, hue, opacity) { var color = void 0; var colorVariant = +hue === 0 ? 500 : hue; if (theme[type]) { if (typeof theme[type] === 'string') { color = _palette2.default[theme[type]]; } else { color = _palette2.default[theme[type].color] || _palette2.default[DEFAULT_THEME_COLORS[type]]; colorVariant = +hue === 0 ? theme[type].hue : hue; } } else { color = _palette2.default[DEFAULT_THEME_COLORS[type]]; } if (colorType === 'COLOR') { var isDefault = _palette2.default[theme[type]]; if (!hue && !isDefault) { if (type === 'accent') { colorVariant = 'A200'; } else if (type === 'background') { colorVariant = 50; } } if (opacity) { return (0, _rgba2.default)(color[colorVariant], opacity); } return color[colorVariant]; } if (color.darkText.indexOf(colorVariant) >= 0) { if (opacity) { return (0, _rgba2.default)('#000', opacity); } return 'rgba(0, 0, 0, .87)'; } if (opacity) { return (0, _rgba2.default)('#fff', opacity); } return 'rgba(255, 255, 255, .87)'; }); }); return style; }; var registerTheme = function registerTheme(theme, name, themeStyles) { var parsedStyle = []; themeStyles.forEach(function (style) { parsedStyle.push(parseStyle(style, theme)); }); createNewStyleElement(parsedStyle.join('\n'), name); }; var registerAllThemes = function registerAllThemes(themes, themeStyles) { var themeNames = themes ? Object.keys(themes) : []; if (themeNames.indexOf('default') === -1) { registerTheme(DEFAULT_THEME_COLORS, 'default', themeStyles); registeredThemes.push('default'); } themeNames.forEach(function (name) { registerTheme(themes[name], name, themeStyles); registeredThemes.push(name); }); }; var registerDirective = function registerDirective(element, _ref) { var value = _ref.value, oldValue = _ref.oldValue; var theme = value; var newClass = 'md-theme-' + theme; var oldClass = 'md-theme-' + oldValue; if (!element.classList.contains(newClass)) { element.classList.remove(oldClass); if (theme && registeredThemes.indexOf(theme) >= 0) { element.classList.add(newClass); } else { element.classList.add(oldClass); console.warn('Attempted to use unregistered theme "' + theme + '\".'); } } }; function install(Vue) { Vue.directive('mdTheme', registerDirective); Vue.material.theme = { register: function register(name, spec) { var theme = {}; theme[name] = spec; registerAllThemes(theme, Vue.material.styles); }, registerAll: function registerAll(themes) { registerAllThemes(themes, Vue.material.styles); } }; } module.exports = exports['default']; /***/ }, /* 63 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = { red: { 50: '#ffebee', 100: '#ffcdd2', 200: '#ef9a9a', 300: '#e57373', 400: '#ef5350', 500: '#f44336', 600: '#e53935', 700: '#d32f2f', 800: '#c62828', 900: '#b71c1c', A100: '#ff8a80', A200: '#ff5252', A400: '#ff1744', A700: '#d50000', darkText: [50, 100, 200, 300, 'A100'] }, pink: { 50: '#fce4ec', 100: '#f8bbd0', 200: '#f48fb1', 300: '#f06292', 400: '#ec407a', 500: '#e91e63', 600: '#d81b60', 700: '#c2185b', 800: '#ad1457', 900: '#880e4f', A100: '#ff80ab', A200: '#ff4081', A400: '#f50057', A700: '#c51162', darkText: [50, 100, 200, 'A100'] }, purple: { 50: '#f3e5f5', 100: '#e1bee7', 200: '#ce93d8', 300: '#ba68c8', 400: '#ab47bc', 500: '#9c27b0', 600: '#8e24aa', 700: '#7b1fa2', 800: '#6a1b9a', 900: '#4a148c', A100: '#ea80fc', A200: '#e040fb', A400: '#d500f9', A700: '#aa00ff', darkText: [50, 100, 200, 'A100'] }, 'deep-purple': { 50: '#ede7f6', 100: '#d1c4e9', 200: '#b39ddb', 300: '#9575cd', 400: '#7e57c2', 500: '#673ab7', 600: '#5e35b1', 700: '#512da8', 800: '#4527a0', 900: '#311b92', A100: '#b388ff', A200: '#7c4dff', A400: '#651fff', A700: '#6200ea', darkText: [50, 100, 200, 'A100'] }, indigo: { 50: '#e8eaf6', 100: '#c5cae9', 200: '#9fa8da', 300: '#7986cb', 400: '#5c6bc0', 500: '#3f51b5', 600: '#3949ab', 700: '#303f9f', 800: '#283593', 900: '#1a237e', A100: '#8c9eff', A200: '#536dfe', A400: '#3d5afe', A700: '#304ffe', darkText: [50, 100, 200, 'A100'] }, blue: { 50: '#e3f2fd', 100: '#bbdefb', 200: '#90caf9', 300: '#64b5f6', 400: '#42a5f5', 500: '#2196f3', 600: '#1e88e5', 700: '#1976d2', 800: '#1565c0', 900: '#0d47a1', A100: '#82b1ff', A200: '#448aff', A400: '#2979ff', A700: '#2962ff', darkText: [50, 100, 200, 300, 400, 'A100'] }, 'light-blue': { 50: '#e1f5fe', 100: '#b3e5fc', 200: '#81d4fa', 300: '#4fc3f7', 400: '#29b6f6', 500: '#03a9f4', 600: '#039be5', 700: '#0288d1', 800: '#0277bd', 900: '#01579b', A100: '#80d8ff', A200: '#40c4ff', A400: '#00b0ff', A700: '#0091ea', darkText: [50, 100, 200, 300, 400, 500, 'A100', 'A200', 'A300'] }, cyan: { 50: '#e0f7fa', 100: '#b2ebf2', 200: '#80deea', 300: '#4dd0e1', 400: '#26c6da', 500: '#00bcd4', 600: '#00acc1', 700: '#0097a7', 800: '#00838f', 900: '#006064', A100: '#84ffff', A200: '#18ffff', A400: '#00e5ff', A700: '#00b8d4', darkText: [50, 100, 200, 300, 400, 500, 600, 'A100', 'A200', 'A300', 'A400'] }, teal: { 50: '#e0f2f1', 100: '#b2dfdb', 200: '#80cbc4', 300: '#4db6ac', 400: '#26a69a', 500: '#009688', 600: '#00897b', 700: '#00796b', 800: '#00695c', 900: '#004d40', A100: '#a7ffeb', A200: '#64ffda', A400: '#1de9b6', A700: '#00bfa5', darkText: [50, 100, 200, 300, 400, 'A100', 'A200', 'A300', 'A400'] }, green: { 50: '#e8f5e9', 100: '#c8e6c9', 200: '#a5d6a7', 300: '#81c784', 400: '#66bb6a', 500: '#4caf50', 600: '#43a047', 700: '#388e3c', 800: '#2e7d32', 900: '#1b5e20', A100: '#b9f6ca', A200: '#69f0ae', A400: '#00e676', A700: '#00c853', darkText: [50, 100, 200, 300, 400, 500, 'A100', 'A200', 'A300', 'A400'] }, 'light-green': { 50: '#f1f8e9', 100: '#dcedc8', 200: '#c5e1a5', 300: '#aed581', 400: '#9ccc65', 500: '#8bc34a', 600: '#7cb342', 700: '#689f38', 800: '#558b2f', 900: '#33691e', A100: '#ccff90', A200: '#b2ff59', A400: '#76ff03', A700: '#64dd17', darkText: [50, 100, 200, 300, 400, 500, 600, 'A100', 'A200', 'A300', 'A400'] }, lime: { 50: '#f9fbe7', 100: '#f0f4c3', 200: '#e6ee9c', 300: '#dce775', 400: '#d4e157', 500: '#cddc39', 600: '#c0ca33', 700: '#afb42b', 800: '#9e9d24', 900: '#827717', A100: '#f4ff81', A200: '#eeff41', A400: '#c6ff00', A700: '#aeea00', darkText: [50, 100, 200, 300, 400, 500, 600, 700, 800, 'A100', 'A200', 'A300', 'A400'] }, yellow: { 50: '#fffde7', 100: '#fff9c4', 200: '#fff59d', 300: '#fff176', 400: '#ffee58', 500: '#ffeb3b', 600: '#fdd835', 700: '#fbc02d', 800: '#f9a825', 900: '#f57f17', A100: '#ffff8d', A200: '#ffff00', A400: '#ffea00', A700: '#ffd600', darkText: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 'A100', 'A200', 'A300', 'A400'] }, amber: { 50: '#fff8e1', 100: '#ffecb3', 200: '#ffe082', 300: '#ffd54f', 400: '#ffca28', 500: '#ffc107', 600: '#ffb300', 700: '#ffa000', 800: '#ff8f00', 900: '#ff6f00', A100: '#ffe57f', A200: '#ffd740', A400: '#ffc400', A700: '#ffab00', darkText: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 'A100', 'A200', 'A300', 'A400'] }, orange: { 50: '#fff3e0', 100: '#ffe0b2', 200: '#ffcc80', 300: '#ffb74d', 400: '#ffa726', 500: '#ff9800', 600: '#fb8c00', 700: '#f57c00', 800: '#ef6c00', 900: '#e65100', A100: '#ffd180', A200: '#ffab40', A400: '#ff9100', A700: '#ff6d00', darkText: [50, 100, 200, 300, 400, 500, 600, 700, 'A100', 'A200', 'A300', 'A400'] }, 'deep-orange': { 50: '#fbe9e7', 100: '#ffccbc', 200: '#ffab91', 300: '#ff8a65', 400: '#ff7043', 500: '#ff5722', 600: '#f4511e', 700: '#e64a19', 800: '#d84315', 900: '#bf360c', A100: '#ff9e80', A200: '#ff6e40', A400: '#ff3d00', A700: '#dd2c00', darkText: [50, 100, 200, 300, 400, 'A100', 'A200'] }, brown: { 50: '#efebe9', 100: '#d7ccc8', 200: '#bcaaa4', 300: '#a1887f', 400: '#8d6e63', 500: '#795548', 600: '#6d4c41', 700: '#5d4037', 800: '#4e342e', 900: '#3e2723', A100: '#d7ccc8', A200: '#bcaaa4', A400: '#8d6e63', A700: '#5d4037', darkText: [50, 100, 200, 'A100', 'A200', 'A300', 'A400'] }, grey: { 50: '#fafafa', 100: '#f5f5f5', 200: '#eeeeee', 300: '#e0e0e0', 400: '#bdbdbd', 500: '#9e9e9e', 600: '#757575', 700: '#616161', 800: '#424242', 900: '#212121', A100: '#fff', A200: '#000000', A400: '#303030', A700: '#616161', darkText: [50, 100, 200, 300, 400, 500, 'A100'] }, 'blue-grey': { 50: '#eceff1', 100: '#cfd8dc', 200: '#b0bec5', 300: '#90a4ae', 400: '#78909c', 500: '#607d8b', 600: '#546e7a', 700: '#455a64', 800: '#37474f', 900: '#263238', A100: '#cfd8dc', A200: '#b0bec5', A400: '#78909c', A700: '#455a64', darkText: [50, 100, 200, 300, 'A100', 'A200', 'A300', 'A400'] }, white: { 50: '#fff', 100: '#fff', 200: '#fff', 300: '#fff', 400: '#fff', 500: '#fff', 600: '#fff', 700: '#fff', 800: '#fff', 900: '#fff', A100: '#fff', A200: '#fff', A400: '#fff', A700: '#fff', darkText: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 'A100', 'A200', 'A300', 'A400'] }, black: { 50: '#000', 100: '#000', 200: '#000', 300: '#000', 400: '#000', 500: '#000', 600: '#000', 700: '#000', 800: '#000', 900: '#000', A100: '#000', A200: '#000', A400: '#000', A700: '#000', darkText: [] } }; module.exports = exports['default']; /***/ }, /* 64 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = function (hex, opacity) { var r = ''; var g = ''; var b = ''; var match = hex.toString().match(/^#?(([0-9a-zA-Z]{3}){1,3})$/); if (!match) { throw new Error('Invalid color' + hex); } hex = match[1]; if (hex.length === 6) { r = parseInt(hex.substring(0, 2), 16); g = parseInt(hex.substring(2, 4), 16); b = parseInt(hex.substring(4, 6), 16); } else if (hex.length === 3) { var rSubstring = hex.substring(0, 1); var gSubstring = hex.substring(1, 2); var bSubstring = hex.substring(2, 3); r = parseInt(rSubstring + rSubstring, 16); g = parseInt(gSubstring + gSubstring, 16); b = parseInt(bSubstring + bSubstring, 16); } if (opacity) { if (opacity > 1) { opacity = opacity / 100; } return 'rgba(' + r + ', ' + g + ', ' + b + ', ' + opacity + ')'; } return 'rgb(' + r + ', ' + g + ', ' + b + ')'; }; module.exports = exports['default']; /***/ }, /* 65 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = install; __webpack_require__(66); __webpack_require__(67); function install(Vue) { var rippleParentClass = 'md-ink-ripple'; var rippleClass = 'md-ripple'; var rippleActiveClass = 'md-active'; var registeredMouseFunction = void 0; var referenceElement = void 0; var unregisterMouseEvent = function unregisterMouseEvent() { referenceElement.removeEventListener('mousedown', registeredMouseFunction); }; var registerMouseEvent = function registerMouseEvent(element, holder) { if (holder) { (function () { var ripple = holder.querySelector(':scope > .' + rippleParentClass + '> .' + rippleClass); if (ripple) { registeredMouseFunction = function registeredMouseFunction(event) { var rect = holder.getBoundingClientRect(); event.stopPropagation(); ripple.classList.remove(rippleActiveClass); var top = event.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop; var left = event.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft; ripple.style.top = top + 'px'; ripple.style.left = left + 'px'; ripple.classList.add(rippleActiveClass); }; element.removeEventListener('mousedown', registeredMouseFunction); element.addEventListener('mousedown', registeredMouseFunction); } })(); } }; var createElement = function createElement(ripple, className, size) { ripple = document.createElement('div'); ripple.className = className; if (size) { ripple.style.width = size; ripple.style.height = size; } return ripple; }; var checkAvailablePositions = function checkAvailablePositions(element) { var availablePositions = ['relative', 'absolute', 'fixed']; return availablePositions.indexOf(getComputedStyle(element).position) > -1; }; var getClosestParent = function getClosestParent(element) { var found = false; var parent = element; if (!element) { return false; } if (checkAvailablePositions(element)) { return element; } while (!found) { parent = parent.parentNode; if (!parent || parent.tagName.toLowerCase() === 'body') { break; } if (parent && checkAvailablePositions(parent)) { found = parent; } } return found; }; var createRipple = function createRipple(element, currentRipple) { var holder = getClosestParent(element); if (holder) { var ripple = holder.querySelector(':scope > .' + rippleParentClass + '> .' + rippleClass); if (!ripple) { var elementSize = Math.round(Math.max(holder.offsetWidth, holder.offsetHeight)) + 'px'; var rippleParent = currentRipple || createElement(ripple, rippleParentClass); var rippleElement = createElement(ripple, rippleClass, elementSize); rippleParent.appendChild(rippleElement); holder.appendChild(rippleParent); } if (holder !== element || !ripple) { referenceElement = element; registerMouseEvent(element, holder); } } }; Vue.directive('mdInkRipple', function (el, bindings) { Vue.nextTick(function () { if (!bindings.value) { createRipple(el); } else { unregisterMouseEvent(el); } }); }); Vue.component('md-ink-ripple', { props: { mdDisabled: Boolean }, render: function render(createElement) { return createElement('div', { staticClass: 'md-ink-ripple' }); }, watch: { mdDisabled: function mdDisabled() { if (this.mdDisabled) { unregisterMouseEvent(this.$el.parentNode); } else { createRipple(this.$el.parentNode, this.$el); } } }, mounted: function mounted() { if (!this.mdDisabled) { createRipple(this.$el.parentNode, this.$el); } }, destroyed: function destroyed() { unregisterMouseEvent(this.$el.parentNode); } }); } module.exports = exports['default']; /***/ }, /* 66 */ /***/ function(module, exports) { /* scopeQuerySelectorShim.js * * Copyright (C) 2015 Larry Davis * All rights reserved. * * This software may be modified and distributed under the terms * of the BSD license. See the LICENSE file for details. */ (function() { if (!HTMLElement.prototype.querySelectorAll) { throw new Error("rootedQuerySelectorAll: This polyfill can only be used with browsers that support querySelectorAll"); } // A temporary element to query against for elements not currently in the DOM // We'll also use this element to test for :scope support var container = document.createElement("div"); // Check if the browser supports :scope try { // Browser supports :scope, do nothing container.querySelectorAll(":scope *"); } catch (e) { // Match usage of scope var scopeRE = /^\s*:scope/gi; // Overrides function overrideNodeMethod(prototype, methodName) { // Store the old method for use later var oldMethod = prototype[methodName]; // Override the method prototype[methodName] = function(query) { var nodeList, gaveId = false, gaveContainer = false; if (query.match(scopeRE)) { // Remove :scope query = query.replace(scopeRE, ""); if (!this.parentNode) { // Add to temporary container container.appendChild(this); gaveContainer = true; } parentNode = this.parentNode; if (!this.id) { // Give temporary ID this.id = "rootedQuerySelector_id_" + new Date().getTime(); gaveId = true; } // Find elements against parent node nodeList = oldMethod.call(parentNode, "#" + this.id + " " + query); // Reset the ID if (gaveId) { this.id = ""; } // Remove from temporary container if (gaveContainer) { container.removeChild(this); } return nodeList; } else { // No immediate child selector used return oldMethod.call(this, query); } }; } // Browser doesn't support :scope, add polyfill overrideNodeMethod(HTMLElement.prototype, "querySelector"); overrideNodeMethod(HTMLElement.prototype, "querySelectorAll"); } })(); /***/ }, /* 67 */ /***/ function(module, exports, __webpack_require__) { var __vue_exports__, __vue_options__ var __vue_styles__ = {} /* styles */ __webpack_require__(!(function webpackMissingModule() { var e = new Error("Cannot find module \"!!./../../../../node_modules/extract-text-webpack-plugin/loader.js?{\"remove\":true}!css!vue-loader/lib/style-rewriter?id=data-v-40442342!sass!./mdInkRipple.scss\""); e.code = 'MODULE_NOT_FOUND'; throw e; }())) __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/core/components/mdInkRipple/mdInkRipple.vue" if (__vue_options__.functional) {console.error("[vue-loader] mdInkRipple.vue: functional components are not supported and should be defined in plain js files using render functions.")} module.exports = __vue_exports__ /***/ }, /* 68 */, /* 69 */ /***/ function(module, exports) { module.exports = ".THEME_NAME :not(input):not(textarea)::selection {\n background: ACCENT-COLOR;\n color: ACCENT-CONTRAST; }\n\n.THEME_NAME a:not(.md-button) {\n color: ACCENT-COLOR; }\n .THEME_NAME a:not(.md-button):hover {\n color: ACCENT-COLOR-800; }\n\nbody.THEME_NAME {\n background-color: BACKGROUND-COLOR-50;\n color: BACKGROUND-CONTRAST-0.87; }\n\n/* Typography */\n.THEME_NAME .md-caption,\n.THEME_NAME .md-display-1,\n.THEME_NAME .md-display-2,\n.THEME_NAME .md-display-3,\n.THEME_NAME .md-display-4 {\n color: BACKGROUND-CONTRAST-0.57; }\n\n.THEME_NAME code:not(.hljs) {\n background-color: ACCENT-COLOR-A100-0.2;\n color: ACCENT-COLOR-800; }\n" /***/ }, /* 70 */ /***/ function(module, exports, __webpack_require__) { // style-loader: Adds some css to the DOM by adding a