From 45bba6dfcd2d9c57c04551b4a02b767514390cb5 Mon Sep 17 00:00:00 2001 From: euvl Date: Sat, 8 Apr 2017 08:02:59 +0100 Subject: [PATCH 1/5] Cleaned up, working on draggable flag --- src/Modal.vue | 94 ++++++++++++++++++++++++++++++++++----------------- 1 file changed, 63 insertions(+), 31 deletions(-) diff --git a/src/Modal.vue b/src/Modal.vue index 14ec011..e27f449 100644 --- a/src/Modal.vue +++ b/src/Modal.vue @@ -83,7 +83,7 @@ components: { Resizer }, - data() { + data () { return { visible: false, @@ -92,6 +92,11 @@ overlay: false }, + shift: { + left: 0, + top: 0 + }, + modal: { width: this.width, height: this.height @@ -107,7 +112,6 @@ }, watch: { visible (value) { - // if (this.delay > 0) { if (value) { this.visibility.overlay = true @@ -126,16 +130,8 @@ this.removeDraggableListeners() }) }, this.delay) - - // this.removeDraggableHandlers() } - // } else { - // this.visibility.overlay = value - // this.$nextTick(() => { - // this.visibility.modal = value - // }) - // } - }, + } }, created () { Modal.event.$on('toggle', (name, state, params) => { @@ -153,48 +149,49 @@ this.onWindowResize() }, computed: { - position() { + position () { return { - left: Math.max(this.pivotX * (this.window.width - this.modal.width), 0), - top: Math.max(this.pivotY * (this.window.height - this.modal.height), 0) + left: Math.max(this.shift.left + this.pivotX * + (this.window.width - this.modal.width), 0), + top: Math.max(this.shift.top + this.pivotY * + (this.window.height - this.modal.height), 0) } }, - modalClass() { + modalClass () { return ['modal', this.classes] }, - modalStyle() { + modalStyle () { return { top: this.position.top + 'px', left: this.position.left + 'px', width: this.modal.width + 'px', height: this.modal.height + 'px' } - }, + } }, methods: { - onWindowResize() { + onWindowResize () { this.window.width = window.innerWidth this.window.height = window.innerHeight if (this.adaptive) { let width = Math.min(this.window.width, this.modal.width) let height = Math.min(this.window.height, this.modal.height) - - this.modal.width = width // Math.max(width, this.minWidth); - this.modal.height = height // Math.max(height, this.minHeight); + // Math.max(width, this.minWidth); + this.modal.width = width + // Math.max(height, this.minHeight); + this.modal.height = height } }, - genEventObject(params) { + genEventObject (params) { //todo: clean this up - return Vue.util.extend( - { - name: this.name, - ref: this.$refs.modal, - timestamp: Date.now() - }, - params || {}); + return Vue.util.extend({ + name: this.name, + ref: this.$refs.modal, + timestamp: Date.now() + }, params || {}); }, - resize(event) { + resize (event) { this.modal.width = event.size.width this.modal.height = event.size.height @@ -203,7 +200,7 @@ this.$emit('resize', resizeEvent) }, - toggle(state, params) { + toggle (state, params) { const beforeEventName = this.visible ? 'before-close' : 'before-open' const afterEventName = this.visible ? 'closed' : 'opened' @@ -243,6 +240,41 @@ let dragger = this.getDraggableElement() if (dragger) { + let startX = 0 + let startY = 0 + //let shiftX = 0 + //let shiftY = 0 + + let mousedown = (event) => { + document.addEventListener('mousemove', mousemove) + document.addEventListener('mouseup', mouseup) + + startX = event.clientX; + startY = event.clientY; + + event.preventDefault() + } + + let mousemove = (event) => { + this.shift.left = event.clientX - startX + this.shift.top = event.clientY - startY + + console.log(this.shift) + + event.preventDefault() + } + + let mouseup = (event) => { + dragger.removeEventListener('mousedown', mousedown) + document.removeEventListener('mousemove', mousemove) + document.removeEventListener('mouseup', mouseup) + // this.shiftX = shiftX + // this.shiftY = shiftY + // console.log(shiftX, shiftY) + event.preventDefault() + } + + dragger.addEventListener('mousedown', mousedown) console.log(dragger) } }, From d1651451246833d854a92d40de0b652e1f27af9e Mon Sep 17 00:00:00 2001 From: euvl Date: Sun, 9 Apr 2017 13:37:14 +0100 Subject: [PATCH 2/5] Cleaned demo --- README.md | 2 +- demo/index.html | 14 ++++--- demo/src/App.vue | 88 +++------------------------------------ demo/src/PropsTable.vue | 91 +++++++++++++++++++++++++++++++++++++++++ dist/index.js | 73 +++++++++++++++++++++++++-------- src/Modal.vue | 35 +++++++++------- 6 files changed, 184 insertions(+), 119 deletions(-) create mode 100644 demo/src/PropsTable.vue diff --git a/README.md b/README.md index b16d438..3b2fad0 100644 --- a/README.md +++ b/README.md @@ -24,7 +24,7 @@ Create modal Call it from anywhere in the app ```javascript methods: { - show() { + show () { this.$modal.show('hello-word'); }, hide () { diff --git a/demo/index.html b/demo/index.html index 7588f21..f2ee798 100644 --- a/demo/index.html +++ b/demo/index.html @@ -13,15 +13,17 @@ ga('create', 'UA-80822945-4', 'auto'); ga('send', 'pageview'); - - - Fork me on GitHub +
+ +
diff --git a/demo/src/App.vue b/demo/src/App.vue index da46776..5d82a23 100644 --- a/demo/src/App.vue +++ b/demo/src/App.vue @@ -61,88 +61,23 @@ - - - - - - - - - - - - - - - -
NameTypeDefault
- {{name}} - - - - - {{prop.default}} -
+ + + diff --git a/dist/index.js b/dist/index.js index 248444f..dc157ba 100644 --- a/dist/index.js +++ b/dist/index.js @@ -587,6 +587,11 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); overlay: false }, + shift: { + left: 0, + top: 0 + }, + modal: { width: this.width, height: this.height @@ -605,7 +610,6 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); visible: function visible(value) { var _this = this; - // if (this.delay > 0) { if (value) { this.visibility.overlay = true; @@ -624,15 +628,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); _this.removeDraggableListeners(); }); }, this.delay); - - // this.removeDraggableHandlers() } - // } else { - // this.visibility.overlay = value - // this.$nextTick(() => { - // this.visibility.modal = value - // }) - // } } }, created: function created() { @@ -656,8 +652,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); computed: { position: function position() { return { - left: Math.max(this.pivotX * (this.window.width - this.modal.width), 0), - top: Math.max(this.pivotY * (this.window.height - this.modal.height), 0) + left: Math.max(this.shift.left + this.pivotX * (this.window.width - this.modal.width), 0), + top: Math.max(this.shift.top + this.pivotY * (this.window.height - this.modal.height), 0) }; }, modalClass: function modalClass() { @@ -680,9 +676,10 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); if (this.adaptive) { var width = Math.min(this.window.width, this.modal.width); var height = Math.min(this.window.height, this.modal.height); - - this.modal.width = width; // Math.max(width, this.minWidth); - this.modal.height = height; // Math.max(height, this.minHeight); + // Math.max(width, this.minWidth); + this.modal.width = width; + // Math.max(height, this.minHeight); + this.modal.height = height; } }, genEventObject: function genEventObject(params) { @@ -734,6 +731,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); } }, addDraggableListeners: function addDraggableListeners() { + var _this3 = this; + if (!this.draggable) { return; } @@ -741,7 +740,49 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); var dragger = this.getDraggableElement(); if (dragger) { - console.log(dragger); + (function () { + var startX = 0; + var startY = 0; + + var left = 0; + var top = 0; + + var mousedown = function mousedown(event) { + + left = _this3.position.left; + top = _this3.position.top; + + document.addEventListener('mousemove', mousemove); + document.addEventListener('mouseup', mouseup); + + startX = event.clientX; + startY = event.clientY; + + event.preventDefault(); + }; + + var mousemove = function mousemove(event) { + _this3.shift.left = event.clientX - startX; + _this3.shift.top = event.clientY - startY; + + console.log(_this3.shift); + + event.preventDefault(); + }; + + var mouseup = function mouseup(event) { + //dragger.removeEventListener('mousedown', mousedown) + document.removeEventListener('mousemove', mousemove); + document.removeEventListener('mouseup', mouseup); + // this.shiftX = shiftX + // this.shiftY = shiftY + // console.log(shiftX, shiftY) + event.preventDefault(); + }; + + dragger.addEventListener('mousedown', mousedown); + console.log(dragger); + })(); } }, removeDraggableListeners: function removeDraggableListeners() { @@ -855,7 +896,7 @@ exports = module.exports = __webpack_require__(0)(); // module -exports.push([module.i, ".nice-modal-overlay[data-v-40dd3b1e]{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2);z-index:999;opacity:1}.nice-modal-overlay .modal[data-v-40dd3b1e]{position:relative;overflow:hidden;box-sizing:border-box;background-color:#fff}.overlay-fade-enter-active[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{transition:all .2s}.overlay-fade-enter[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{opacity:0}.nice-modal-fade-enter-active[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{transition:all .4s}.nice-modal-fade-enter[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{opacity:0;transform:translateY(-20px)}.nice-modal[data-v-40dd3b1e]{background:#fff;text-align:left;border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4);padding:0;background:#ff0!important}.nice-modal.nice-modal-fullscreen[data-v-40dd3b1e]{width:100vw;height:100vh;margin:0;left:0;top:0}", ""]); +exports.push([module.i, ".nice-modal-overlay[data-v-40dd3b1e]{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.2);z-index:999;opacity:1}.nice-modal-overlay .modal[data-v-40dd3b1e]{position:relative;overflow:hidden;box-sizing:border-box;background-color:#fff}.overlay-fade-enter-active[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{transition:all .2s}.overlay-fade-enter[data-v-40dd3b1e],.overlay-fade-leave-active[data-v-40dd3b1e]{opacity:0}.nice-modal-fade-enter-active[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{transition:all .4s}.nice-modal-fade-enter[data-v-40dd3b1e],.nice-modal-fade-leave-active[data-v-40dd3b1e]{opacity:0;transform:translateY(-20px)}.nice-modal[data-v-40dd3b1e]{background:#fff;text-align:left;border-radius:3px;box-shadow:0 20px 60px -2px rgba(27,33,58,.4);padding:0}.nice-modal.nice-modal-fullscreen[data-v-40dd3b1e]{width:100vw;height:100vh;margin:0;left:0;top:0}", ""]); // exports diff --git a/src/Modal.vue b/src/Modal.vue index e27f449..c1817cb 100644 --- a/src/Modal.vue +++ b/src/Modal.vue @@ -149,12 +149,18 @@ this.onWindowResize() }, computed: { - position () { + center () { return { - left: Math.max(this.shift.left + this.pivotX * - (this.window.width - this.modal.width), 0), - top: Math.max(this.shift.top + this.pivotY * - (this.window.height - this.modal.height), 0) + x: 0.5 * this.window.width + y: 0.5 * this.window.height + } + }, + position () { + let left = 0.5 * this.window.width - this.modal.width + let top = 0.5 * this.window.height - this.modal.height + return { + left: Math.max(/*this.shift.left + */ this.pivotX * (this.window.width - this.modal.width), 0), + top: Math.max(/*this.shift.top + */ this.pivotY * (this.window.height - this.modal.height), 0) } }, modalClass () { @@ -175,12 +181,8 @@ this.window.height = window.innerHeight if (this.adaptive) { - let width = Math.min(this.window.width, this.modal.width) - let height = Math.min(this.window.height, this.modal.height) - // Math.max(width, this.minWidth); - this.modal.width = width - // Math.max(height, this.minHeight); - this.modal.height = height + this.modal.width = Math.min(this.window.width, this.modal.width) + this.modal.height = Math.min(this.window.height, this.modal.height) } }, genEventObject (params) { @@ -242,10 +244,15 @@ if (dragger) { let startX = 0 let startY = 0 - //let shiftX = 0 - //let shiftY = 0 + + let left = 0 + let top = 0 let mousedown = (event) => { + + // left = this.position.left + // top = this.position.top + document.addEventListener('mousemove', mousemove) document.addEventListener('mouseup', mouseup) @@ -265,7 +272,7 @@ } let mouseup = (event) => { - dragger.removeEventListener('mousedown', mousedown) + //dragger.removeEventListener('mousedown', mousedown) document.removeEventListener('mousemove', mousemove) document.removeEventListener('mouseup', mouseup) // this.shiftX = shiftX From fb02b6be93ee7b2b7af25945f3cef0f87d3dc661 Mon Sep 17 00:00:00 2001 From: euvl Date: Mon, 10 Apr 2017 12:01:42 +0100 Subject: [PATCH 3/5] Working draggable modals --- src/Modal.vue | 70 ++++++++++++++++++++----------------------------- src/Resizer.vue | 19 +++----------- src/util.js | 9 +++++++ 3 files changed, 42 insertions(+), 56 deletions(-) create mode 100644 src/util.js diff --git a/src/Modal.vue b/src/Modal.vue index c1817cb..2e94269 100644 --- a/src/Modal.vue +++ b/src/Modal.vue @@ -10,7 +10,7 @@ :class="modalClass" :style="modalStyle" @mousedown.stop> - + From e081add0900323875ab444e989dba64b6c6cee37 Mon Sep 17 00:00:00 2001 From: euvl Date: Mon, 10 Apr 2017 12:07:59 +0100 Subject: [PATCH 5/5] Release 1.0.16 --- dist/index.js | 164 +++++++++++++++++++++++++------------------------- package.json | 2 +- 2 files changed, 84 insertions(+), 82 deletions(-) diff --git a/dist/index.js b/dist/index.js index dc157ba..1aa4b36 100644 --- a/dist/index.js +++ b/dist/index.js @@ -73,11 +73,27 @@ return /******/ (function(modules) { // webpackBootstrap /******/ __webpack_require__.p = ""; /******/ /******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = 3); +/******/ return __webpack_require__(__webpack_require__.s = 4); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return inRange; }); +var inRange = function inRange(from, to, value) { + if (value > to) { + return to; + } + if (value < from) { + return from; + } + return value; +}; + +/***/ }), +/* 1 */ /***/ (function(module, exports) { /* @@ -133,7 +149,7 @@ module.exports = function() { /***/ }), -/* 1 */ +/* 2 */ /***/ (function(module, exports) { module.exports = function normalizeComponent ( @@ -186,7 +202,7 @@ module.exports = function normalizeComponent ( /***/ }), -/* 2 */ +/* 3 */ /***/ (function(module, exports, __webpack_require__) { /* @@ -205,7 +221,7 @@ if (typeof DEBUG !== 'undefined' && DEBUG) { ) } } -var listToStyles = __webpack_require__(14) +var listToStyles = __webpack_require__(15) /* type StyleObject = { @@ -422,12 +438,12 @@ function applyToTag (styleElement, obj) { /***/ }), -/* 3 */ +/* 4 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue__ = __webpack_require__(4); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue__ = __webpack_require__(5); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__Modal_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__Modal_vue__); @@ -462,18 +478,18 @@ var ModalPlugin = { /* harmony default export */ __webpack_exports__["default"] = ModalPlugin; /***/ }), -/* 4 */ +/* 5 */ /***/ (function(module, exports, __webpack_require__) { /* styles */ -__webpack_require__(12) +__webpack_require__(13) -var Component = __webpack_require__(1)( +var Component = __webpack_require__(2)( /* script */ - __webpack_require__(5), + __webpack_require__(6), /* template */ - __webpack_require__(10), + __webpack_require__(11), /* scopeId */ "data-v-40dd3b1e", /* cssModules */ @@ -484,15 +500,16 @@ module.exports = Component.exports /***/ }), -/* 5 */ +/* 6 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(15); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__index__ = __webpack_require__(3); -/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue__ = __webpack_require__(9); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(16); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__index__ = __webpack_require__(4); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue__ = __webpack_require__(10); /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Resizer_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__Resizer_vue__); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__util__ = __webpack_require__(0); // // // @@ -520,6 +537,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); + /* harmony default export */ __webpack_exports__["default"] = { name: 'Modal', props: { @@ -651,9 +669,19 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); computed: { position: function position() { + var window = this.window, + modal = this.modal, + shift = this.shift; + + var maxLeft = window.width - modal.width; + var maxTop = window.height - modal.height; + + var left = shift.left + this.pivotX * (window.width - modal.width); + var top = shift.top + this.pivotY * (window.height - modal.height); + return { - left: Math.max(this.shift.left + this.pivotX * (this.window.width - this.modal.width), 0), - top: Math.max(this.shift.top + this.pivotY * (this.window.height - this.modal.height), 0) + left: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, maxLeft, left), + top: __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, maxTop, top) }; }, modalClass: function modalClass() { @@ -674,16 +702,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); this.window.height = window.innerHeight; if (this.adaptive) { - var width = Math.min(this.window.width, this.modal.width); - var height = Math.min(this.window.height, this.modal.height); - // Math.max(width, this.minWidth); - this.modal.width = width; - // Math.max(height, this.minHeight); - this.modal.height = height; + this.modal.width = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, this.window.width, this.modal.width); + this.modal.height = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_3__util__["a" /* inRange */])(0, this.window.height, this.modal.height); } }, genEventObject: function genEventObject(params) { - //todo: clean this up + //todo: clean this up (change to ...) return __WEBPACK_IMPORTED_MODULE_0_vue__["a" /* default */].util.extend({ name: this.name, ref: this.$refs.modal, @@ -714,9 +738,9 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); this.$emit(beforeEventName, beforeEvent); if (!stopEventExecution) { - this.visible = !!state; - var afterEvent = this.genEventObject({ state: state, params: params }); + + this.visible = !!state; this.$emit(afterEventName, afterEvent); } }, @@ -743,45 +767,33 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); (function () { var startX = 0; var startY = 0; - - var left = 0; - var top = 0; + var cachedShiftX = 0; + var cachedShiftY = 0; var mousedown = function mousedown(event) { - - left = _this3.position.left; - top = _this3.position.top; - document.addEventListener('mousemove', mousemove); document.addEventListener('mouseup', mouseup); startX = event.clientX; startY = event.clientY; - + cachedShiftX = _this3.shift.left; + cachedShiftY = _this3.shift.top; event.preventDefault(); }; var mousemove = function mousemove(event) { - _this3.shift.left = event.clientX - startX; - _this3.shift.top = event.clientY - startY; - - console.log(_this3.shift); - + _this3.shift.left = cachedShiftX + event.clientX - startX; + _this3.shift.top = cachedShiftY + event.clientY - startY; event.preventDefault(); }; var mouseup = function mouseup(event) { - //dragger.removeEventListener('mousedown', mousedown) document.removeEventListener('mousemove', mousemove); document.removeEventListener('mouseup', mouseup); - // this.shiftX = shiftX - // this.shiftY = shiftY - // console.log(shiftX, shiftY) event.preventDefault(); }; dragger.addEventListener('mousedown', mousedown); - console.log(dragger); })(); } }, @@ -792,15 +804,18 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); }; /***/ }), -/* 6 */ +/* 7 */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__util__ = __webpack_require__(0); // // // + + /* harmony default export */ __webpack_exports__["default"] = { name: 'Resizer', props: { @@ -858,21 +873,8 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); var width = event.clientX - el.offsetLeft; var height = event.clientY - el.offsetTop; - if (width < this.minWidth) { - width = this.minWidth; - } - - if (width > window.innerWidth) { - width = window.innerWidth; - } - - if (height < this.minHeight) { - height = this.minHeight; - } - - if (height > window.innerHeight) { - height = window.innerHeight; - } + width = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__util__["a" /* inRange */])(this.minWidth, window.innerWidth, width); + height = __webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__util__["a" /* inRange */])(this.minHeight, window.innerHeight, height); this.size = { width: width, height: height }; el.style.width = width + 'px'; @@ -888,10 +890,10 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); }; /***/ }), -/* 7 */ +/* 8 */ /***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(0)(); +exports = module.exports = __webpack_require__(1)(); // imports @@ -902,10 +904,10 @@ exports.push([module.i, ".nice-modal-overlay[data-v-40dd3b1e]{position:fixed;lef /***/ }), -/* 8 */ +/* 9 */ /***/ (function(module, exports, __webpack_require__) { -exports = module.exports = __webpack_require__(0)(); +exports = module.exports = __webpack_require__(1)(); // imports @@ -916,18 +918,18 @@ exports.push([module.i, ".vue-modal-resizer{overflow:hidden;width:12px;height:12 /***/ }), -/* 9 */ +/* 10 */ /***/ (function(module, exports, __webpack_require__) { /* styles */ -__webpack_require__(13) +__webpack_require__(14) -var Component = __webpack_require__(1)( +var Component = __webpack_require__(2)( /* script */ - __webpack_require__(6), + __webpack_require__(7), /* template */ - __webpack_require__(11), + __webpack_require__(12), /* scopeId */ null, /* cssModules */ @@ -938,7 +940,7 @@ module.exports = Component.exports /***/ }), -/* 10 */ +/* 11 */ /***/ (function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; @@ -980,7 +982,7 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c },staticRenderFns: []} /***/ }), -/* 11 */ +/* 12 */ /***/ (function(module, exports) { module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h; @@ -990,17 +992,17 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c },staticRenderFns: []} /***/ }), -/* 12 */ +/* 13 */ /***/ (function(module, exports, __webpack_require__) { // style-loader: Adds some css to the DOM by adding a