├── .circleci
    └── config.yml
├── .gitignore
├── .npmignore
├── babel.config.js
├── dist
    ├── demo.html
    ├── vue-modal.common.js
    ├── vue-modal.common.js.map
    ├── vue-modal.umd.js
    ├── vue-modal.umd.js.map
    ├── vue-modal.umd.min.js
    └── vue-modal.umd.min.js.map
├── jest.config.js
├── package-lock.json
├── package.json
├── readme.md
├── src
    └── components
    │   ├── ExampleComponent.vue
    │   ├── Modal.vue
    │   └── index.js
├── test
    └── unit
    │   ├── .eslintrc.js
    │   └── Modal.spec.js
└── vue.config.js


/.circleci/config.yml:
--------------------------------------------------------------------------------
 1 | version: 2.0
 2 | jobs:
 3 |   build:
 4 |     docker:
 5 |       - image: circleci/node:latest
 6 |     steps:
 7 |       - checkout
 8 |       - run:
 9 |           name: Install npm
10 |           command: npm i
11 |       - run:
12 |           name: Unit testing
13 |           command: npm run test:unit
14 |       - run:
15 |           name: Semantic realease
16 |           command: npx semantic-release
17 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | 
 4 | /public
 5 | /src/assets
 6 | /src/App.vue
 7 | /src/main.js
 8 | 
 9 | 
10 | # local env files
11 | .env.local
12 | .env.*.local
13 | 
14 | # Log files
15 | npm-debug.log*
16 | yarn-debug.log*
17 | yarn-error.log*
18 | 
19 | # Editor directories and files
20 | .idea
21 | .vscode
22 | *.suo
23 | *.ntvs*
24 | *.njsproj
25 | *.sln
26 | *.sw*
27 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
1 | src/App.vue
2 | dist/demo.html


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/app'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/dist/demo.html:
--------------------------------------------------------------------------------
1 | <meta charset="utf-8">
2 | <title>vue-modal demo</title>
3 | <script src="./vue-modal.umd.js"></script>
4 | 
5 | 
6 | <script>
7 | console.log(vue-modal)
8 | </script>
9 | 


--------------------------------------------------------------------------------
/dist/vue-modal.common.js:
--------------------------------------------------------------------------------
  1 | module.exports =
  2 | /******/ (function(modules) { // webpackBootstrap
  3 | /******/ 	// The module cache
  4 | /******/ 	var installedModules = {};
  5 | /******/
  6 | /******/ 	// The require function
  7 | /******/ 	function __webpack_require__(moduleId) {
  8 | /******/
  9 | /******/ 		// Check if module is in cache
 10 | /******/ 		if(installedModules[moduleId]) {
 11 | /******/ 			return installedModules[moduleId].exports;
 12 | /******/ 		}
 13 | /******/ 		// Create a new module (and put it into the cache)
 14 | /******/ 		var module = installedModules[moduleId] = {
 15 | /******/ 			i: moduleId,
 16 | /******/ 			l: false,
 17 | /******/ 			exports: {}
 18 | /******/ 		};
 19 | /******/
 20 | /******/ 		// Execute the module function
 21 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 22 | /******/
 23 | /******/ 		// Flag the module as loaded
 24 | /******/ 		module.l = true;
 25 | /******/
 26 | /******/ 		// Return the exports of the module
 27 | /******/ 		return module.exports;
 28 | /******/ 	}
 29 | /******/
 30 | /******/
 31 | /******/ 	// expose the modules object (__webpack_modules__)
 32 | /******/ 	__webpack_require__.m = modules;
 33 | /******/
 34 | /******/ 	// expose the module cache
 35 | /******/ 	__webpack_require__.c = installedModules;
 36 | /******/
 37 | /******/ 	// define getter function for harmony exports
 38 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 39 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 40 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 41 | /******/ 		}
 42 | /******/ 	};
 43 | /******/
 44 | /******/ 	// define __esModule on exports
 45 | /******/ 	__webpack_require__.r = function(exports) {
 46 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 47 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 48 | /******/ 		}
 49 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 50 | /******/ 	};
 51 | /******/
 52 | /******/ 	// create a fake namespace object
 53 | /******/ 	// mode & 1: value is a module id, require it
 54 | /******/ 	// mode & 2: merge all properties of value into the ns
 55 | /******/ 	// mode & 4: return value when already ns object
 56 | /******/ 	// mode & 8|1: behave like require
 57 | /******/ 	__webpack_require__.t = function(value, mode) {
 58 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 59 | /******/ 		if(mode & 8) return value;
 60 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 61 | /******/ 		var ns = Object.create(null);
 62 | /******/ 		__webpack_require__.r(ns);
 63 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 64 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 65 | /******/ 		return ns;
 66 | /******/ 	};
 67 | /******/
 68 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 69 | /******/ 	__webpack_require__.n = function(module) {
 70 | /******/ 		var getter = module && module.__esModule ?
 71 | /******/ 			function getDefault() { return module['default']; } :
 72 | /******/ 			function getModuleExports() { return module; };
 73 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 74 | /******/ 		return getter;
 75 | /******/ 	};
 76 | /******/
 77 | /******/ 	// Object.prototype.hasOwnProperty.call
 78 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 79 | /******/
 80 | /******/ 	// __webpack_public_path__
 81 | /******/ 	__webpack_require__.p = "";
 82 | /******/
 83 | /******/
 84 | /******/ 	// Load entry module and return exports
 85 | /******/ 	return __webpack_require__(__webpack_require__.s = "fb15");
 86 | /******/ })
 87 | /************************************************************************/
 88 | /******/ ({
 89 | 
 90 | /***/ "07b6":
 91 | /***/ (function(module, exports, __webpack_require__) {
 92 | 
 93 | exports = module.exports = __webpack_require__("2350")(false);
 94 | // imports
 95 | 
 96 | 
 97 | // module
 98 | exports.push([module.i, ".overlay[data-v-03833336]{background-color:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.fade-enter-active[data-v-03833336],.fade-leave-active[data-v-03833336]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-03833336],.fade-leave-to[data-v-03833336]{opacity:0}", ""]);
 99 | 
100 | // exports
101 | 
102 | 
103 | /***/ }),
104 | 
105 | /***/ "230e":
106 | /***/ (function(module, exports, __webpack_require__) {
107 | 
108 | var isObject = __webpack_require__("d3f4");
109 | var document = __webpack_require__("7726").document;
110 | // typeof document.createElement is 'object' in old IE
111 | var is = isObject(document) && isObject(document.createElement);
112 | module.exports = function (it) {
113 |   return is ? document.createElement(it) : {};
114 | };
115 | 
116 | 
117 | /***/ }),
118 | 
119 | /***/ "2350":
120 | /***/ (function(module, exports) {
121 | 
122 | /*
123 | 	MIT License http://www.opensource.org/licenses/mit-license.php
124 | 	Author Tobias Koppers @sokra
125 | */
126 | // css base code, injected by the css-loader
127 | module.exports = function(useSourceMap) {
128 | 	var list = [];
129 | 
130 | 	// return the list of modules as css string
131 | 	list.toString = function toString() {
132 | 		return this.map(function (item) {
133 | 			var content = cssWithMappingToString(item, useSourceMap);
134 | 			if(item[2]) {
135 | 				return "@media " + item[2] + "{" + content + "}";
136 | 			} else {
137 | 				return content;
138 | 			}
139 | 		}).join("");
140 | 	};
141 | 
142 | 	// import a list of modules into the list
143 | 	list.i = function(modules, mediaQuery) {
144 | 		if(typeof modules === "string")
145 | 			modules = [[null, modules, ""]];
146 | 		var alreadyImportedModules = {};
147 | 		for(var i = 0; i < this.length; i++) {
148 | 			var id = this[i][0];
149 | 			if(typeof id === "number")
150 | 				alreadyImportedModules[id] = true;
151 | 		}
152 | 		for(i = 0; i < modules.length; i++) {
153 | 			var item = modules[i];
154 | 			// skip already imported module
155 | 			// this implementation is not 100% perfect for weird media query combinations
156 | 			//  when a module is imported multiple times with different media queries.
157 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
158 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
159 | 				if(mediaQuery && !item[2]) {
160 | 					item[2] = mediaQuery;
161 | 				} else if(mediaQuery) {
162 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
163 | 				}
164 | 				list.push(item);
165 | 			}
166 | 		}
167 | 	};
168 | 	return list;
169 | };
170 | 
171 | function cssWithMappingToString(item, useSourceMap) {
172 | 	var content = item[1] || '';
173 | 	var cssMapping = item[3];
174 | 	if (!cssMapping) {
175 | 		return content;
176 | 	}
177 | 
178 | 	if (useSourceMap && typeof btoa === 'function') {
179 | 		var sourceMapping = toComment(cssMapping);
180 | 		var sourceURLs = cssMapping.sources.map(function (source) {
181 | 			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
182 | 		});
183 | 
184 | 		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
185 | 	}
186 | 
187 | 	return [content].join('\n');
188 | }
189 | 
190 | // Adapted from convert-source-map (MIT)
191 | function toComment(sourceMap) {
192 | 	// eslint-disable-next-line no-undef
193 | 	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
194 | 	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
195 | 
196 | 	return '/*# ' + data + ' */';
197 | }
198 | 
199 | 
200 | /***/ }),
201 | 
202 | /***/ "499e":
203 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
204 | 
205 | "use strict";
206 | __webpack_require__.r(__webpack_exports__);
207 | 
208 | // CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
209 | /**
210 |  * Translates the list format produced by css-loader into something
211 |  * easier to manipulate.
212 |  */
213 | function listToStyles (parentId, list) {
214 |   var styles = []
215 |   var newStyles = {}
216 |   for (var i = 0; i < list.length; i++) {
217 |     var item = list[i]
218 |     var id = item[0]
219 |     var css = item[1]
220 |     var media = item[2]
221 |     var sourceMap = item[3]
222 |     var part = {
223 |       id: parentId + ':' + i,
224 |       css: css,
225 |       media: media,
226 |       sourceMap: sourceMap
227 |     }
228 |     if (!newStyles[id]) {
229 |       styles.push(newStyles[id] = { id: id, parts: [part] })
230 |     } else {
231 |       newStyles[id].parts.push(part)
232 |     }
233 |   }
234 |   return styles
235 | }
236 | 
237 | // CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
238 | /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return addStylesClient; });
239 | /*
240 |   MIT License http://www.opensource.org/licenses/mit-license.php
241 |   Author Tobias Koppers @sokra
242 |   Modified by Evan You @yyx990803
243 | */
244 | 
245 | 
246 | 
247 | var hasDocument = typeof document !== 'undefined'
248 | 
249 | if (typeof DEBUG !== 'undefined' && DEBUG) {
250 |   if (!hasDocument) {
251 |     throw new Error(
252 |     'vue-style-loader cannot be used in a non-browser environment. ' +
253 |     "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
254 |   ) }
255 | }
256 | 
257 | /*
258 | type StyleObject = {
259 |   id: number;
260 |   parts: Array<StyleObjectPart>
261 | }
262 | 
263 | type StyleObjectPart = {
264 |   css: string;
265 |   media: string;
266 |   sourceMap: ?string
267 | }
268 | */
269 | 
270 | var stylesInDom = {/*
271 |   [id: number]: {
272 |     id: number,
273 |     refs: number,
274 |     parts: Array<(obj?: StyleObjectPart) => void>
275 |   }
276 | */}
277 | 
278 | var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
279 | var singletonElement = null
280 | var singletonCounter = 0
281 | var isProduction = false
282 | var noop = function () {}
283 | var options = null
284 | var ssrIdKey = 'data-vue-ssr-id'
285 | 
286 | // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
287 | // tags it will allow on a page
288 | var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
289 | 
290 | function addStylesClient (parentId, list, _isProduction, _options) {
291 |   isProduction = _isProduction
292 | 
293 |   options = _options || {}
294 | 
295 |   var styles = listToStyles(parentId, list)
296 |   addStylesToDom(styles)
297 | 
298 |   return function update (newList) {
299 |     var mayRemove = []
300 |     for (var i = 0; i < styles.length; i++) {
301 |       var item = styles[i]
302 |       var domStyle = stylesInDom[item.id]
303 |       domStyle.refs--
304 |       mayRemove.push(domStyle)
305 |     }
306 |     if (newList) {
307 |       styles = listToStyles(parentId, newList)
308 |       addStylesToDom(styles)
309 |     } else {
310 |       styles = []
311 |     }
312 |     for (var i = 0; i < mayRemove.length; i++) {
313 |       var domStyle = mayRemove[i]
314 |       if (domStyle.refs === 0) {
315 |         for (var j = 0; j < domStyle.parts.length; j++) {
316 |           domStyle.parts[j]()
317 |         }
318 |         delete stylesInDom[domStyle.id]
319 |       }
320 |     }
321 |   }
322 | }
323 | 
324 | function addStylesToDom (styles /* Array<StyleObject> */) {
325 |   for (var i = 0; i < styles.length; i++) {
326 |     var item = styles[i]
327 |     var domStyle = stylesInDom[item.id]
328 |     if (domStyle) {
329 |       domStyle.refs++
330 |       for (var j = 0; j < domStyle.parts.length; j++) {
331 |         domStyle.parts[j](item.parts[j])
332 |       }
333 |       for (; j < item.parts.length; j++) {
334 |         domStyle.parts.push(addStyle(item.parts[j]))
335 |       }
336 |       if (domStyle.parts.length > item.parts.length) {
337 |         domStyle.parts.length = item.parts.length
338 |       }
339 |     } else {
340 |       var parts = []
341 |       for (var j = 0; j < item.parts.length; j++) {
342 |         parts.push(addStyle(item.parts[j]))
343 |       }
344 |       stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
345 |     }
346 |   }
347 | }
348 | 
349 | function createStyleElement () {
350 |   var styleElement = document.createElement('style')
351 |   styleElement.type = 'text/css'
352 |   head.appendChild(styleElement)
353 |   return styleElement
354 | }
355 | 
356 | function addStyle (obj /* StyleObjectPart */) {
357 |   var update, remove
358 |   var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
359 | 
360 |   if (styleElement) {
361 |     if (isProduction) {
362 |       // has SSR styles and in production mode.
363 |       // simply do nothing.
364 |       return noop
365 |     } else {
366 |       // has SSR styles but in dev mode.
367 |       // for some reason Chrome can't handle source map in server-rendered
368 |       // style tags - source maps in <style> only works if the style tag is
369 |       // created and inserted dynamically. So we remove the server rendered
370 |       // styles and inject new ones.
371 |       styleElement.parentNode.removeChild(styleElement)
372 |     }
373 |   }
374 | 
375 |   if (isOldIE) {
376 |     // use singleton mode for IE9.
377 |     var styleIndex = singletonCounter++
378 |     styleElement = singletonElement || (singletonElement = createStyleElement())
379 |     update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
380 |     remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
381 |   } else {
382 |     // use multi-style-tag mode in all other cases
383 |     styleElement = createStyleElement()
384 |     update = applyToTag.bind(null, styleElement)
385 |     remove = function () {
386 |       styleElement.parentNode.removeChild(styleElement)
387 |     }
388 |   }
389 | 
390 |   update(obj)
391 | 
392 |   return function updateStyle (newObj /* StyleObjectPart */) {
393 |     if (newObj) {
394 |       if (newObj.css === obj.css &&
395 |           newObj.media === obj.media &&
396 |           newObj.sourceMap === obj.sourceMap) {
397 |         return
398 |       }
399 |       update(obj = newObj)
400 |     } else {
401 |       remove()
402 |     }
403 |   }
404 | }
405 | 
406 | var replaceText = (function () {
407 |   var textStore = []
408 | 
409 |   return function (index, replacement) {
410 |     textStore[index] = replacement
411 |     return textStore.filter(Boolean).join('\n')
412 |   }
413 | })()
414 | 
415 | function applyToSingletonTag (styleElement, index, remove, obj) {
416 |   var css = remove ? '' : obj.css
417 | 
418 |   if (styleElement.styleSheet) {
419 |     styleElement.styleSheet.cssText = replaceText(index, css)
420 |   } else {
421 |     var cssNode = document.createTextNode(css)
422 |     var childNodes = styleElement.childNodes
423 |     if (childNodes[index]) styleElement.removeChild(childNodes[index])
424 |     if (childNodes.length) {
425 |       styleElement.insertBefore(cssNode, childNodes[index])
426 |     } else {
427 |       styleElement.appendChild(cssNode)
428 |     }
429 |   }
430 | }
431 | 
432 | function applyToTag (styleElement, obj) {
433 |   var css = obj.css
434 |   var media = obj.media
435 |   var sourceMap = obj.sourceMap
436 | 
437 |   if (media) {
438 |     styleElement.setAttribute('media', media)
439 |   }
440 |   if (options.ssrId) {
441 |     styleElement.setAttribute(ssrIdKey, obj.id)
442 |   }
443 | 
444 |   if (sourceMap) {
445 |     // https://developer.chrome.com/devtools/docs/javascript-debugging
446 |     // this makes source maps inside style tags work properly in Chrome
447 |     css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
448 |     // http://stackoverflow.com/a/26603875
449 |     css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
450 |   }
451 | 
452 |   if (styleElement.styleSheet) {
453 |     styleElement.styleSheet.cssText = css
454 |   } else {
455 |     while (styleElement.firstChild) {
456 |       styleElement.removeChild(styleElement.firstChild)
457 |     }
458 |     styleElement.appendChild(document.createTextNode(css))
459 |   }
460 | }
461 | 
462 | 
463 | /***/ }),
464 | 
465 | /***/ "6a99":
466 | /***/ (function(module, exports, __webpack_require__) {
467 | 
468 | // 7.1.1 ToPrimitive(input [, PreferredType])
469 | var isObject = __webpack_require__("d3f4");
470 | // instead of the ES6 spec version, we didn't implement @@toPrimitive case
471 | // and the second argument - flag - preferred type is a string
472 | module.exports = function (it, S) {
473 |   if (!isObject(it)) return it;
474 |   var fn, val;
475 |   if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
476 |   if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
477 |   if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
478 |   throw TypeError("Can't convert object to primitive value");
479 | };
480 | 
481 | 
482 | /***/ }),
483 | 
484 | /***/ "7726":
485 | /***/ (function(module, exports) {
486 | 
487 | // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
488 | var global = module.exports = typeof window != 'undefined' && window.Math == Math
489 |   ? window : typeof self != 'undefined' && self.Math == Math ? self
490 |   // eslint-disable-next-line no-new-func
491 |   : Function('return this')();
492 | if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
493 | 
494 | 
495 | /***/ }),
496 | 
497 | /***/ "79e5":
498 | /***/ (function(module, exports) {
499 | 
500 | module.exports = function (exec) {
501 |   try {
502 |     return !!exec();
503 |   } catch (e) {
504 |     return true;
505 |   }
506 | };
507 | 
508 | 
509 | /***/ }),
510 | 
511 | /***/ "7f7f":
512 | /***/ (function(module, exports, __webpack_require__) {
513 | 
514 | var dP = __webpack_require__("86cc").f;
515 | var FProto = Function.prototype;
516 | var nameRE = /^\s*function ([^ (]*)/;
517 | var NAME = 'name';
518 | 
519 | // 19.2.4.2 name
520 | NAME in FProto || __webpack_require__("9e1e") && dP(FProto, NAME, {
521 |   configurable: true,
522 |   get: function () {
523 |     try {
524 |       return ('' + this).match(nameRE)[1];
525 |     } catch (e) {
526 |       return '';
527 |     }
528 |   }
529 | });
530 | 
531 | 
532 | /***/ }),
533 | 
534 | /***/ "86cc":
535 | /***/ (function(module, exports, __webpack_require__) {
536 | 
537 | var anObject = __webpack_require__("cb7c");
538 | var IE8_DOM_DEFINE = __webpack_require__("c69a");
539 | var toPrimitive = __webpack_require__("6a99");
540 | var dP = Object.defineProperty;
541 | 
542 | exports.f = __webpack_require__("9e1e") ? Object.defineProperty : function defineProperty(O, P, Attributes) {
543 |   anObject(O);
544 |   P = toPrimitive(P, true);
545 |   anObject(Attributes);
546 |   if (IE8_DOM_DEFINE) try {
547 |     return dP(O, P, Attributes);
548 |   } catch (e) { /* empty */ }
549 |   if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
550 |   if ('value' in Attributes) O[P] = Attributes.value;
551 |   return O;
552 | };
553 | 
554 | 
555 | /***/ }),
556 | 
557 | /***/ "8744":
558 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
559 | 
560 | "use strict";
561 | /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bf17");
562 | /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
563 | /* unused harmony reexport * */
564 |  /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a); 
565 | 
566 | /***/ }),
567 | 
568 | /***/ "8bbf":
569 | /***/ (function(module, exports) {
570 | 
571 | module.exports = require("vue");
572 | 
573 | /***/ }),
574 | 
575 | /***/ "9e1e":
576 | /***/ (function(module, exports, __webpack_require__) {
577 | 
578 | // Thank's IE8 for his funny defineProperty
579 | module.exports = !__webpack_require__("79e5")(function () {
580 |   return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
581 | });
582 | 
583 | 
584 | /***/ }),
585 | 
586 | /***/ "bf17":
587 | /***/ (function(module, exports, __webpack_require__) {
588 | 
589 | // style-loader: Adds some css to the DOM by adding a <style> tag
590 | 
591 | // load the styles
592 | var content = __webpack_require__("07b6");
593 | if(typeof content === 'string') content = [[module.i, content, '']];
594 | if(content.locals) module.exports = content.locals;
595 | // add the styles to the DOM
596 | var add = __webpack_require__("499e").default
597 | var update = add("192a2e99", content, true, {"sourceMap":false,"shadowMode":false});
598 | 
599 | /***/ }),
600 | 
601 | /***/ "c69a":
602 | /***/ (function(module, exports, __webpack_require__) {
603 | 
604 | module.exports = !__webpack_require__("9e1e") && !__webpack_require__("79e5")(function () {
605 |   return Object.defineProperty(__webpack_require__("230e")('div'), 'a', { get: function () { return 7; } }).a != 7;
606 | });
607 | 
608 | 
609 | /***/ }),
610 | 
611 | /***/ "cb7c":
612 | /***/ (function(module, exports, __webpack_require__) {
613 | 
614 | var isObject = __webpack_require__("d3f4");
615 | module.exports = function (it) {
616 |   if (!isObject(it)) throw TypeError(it + ' is not an object!');
617 |   return it;
618 | };
619 | 
620 | 
621 | /***/ }),
622 | 
623 | /***/ "d3f4":
624 | /***/ (function(module, exports) {
625 | 
626 | module.exports = function (it) {
627 |   return typeof it === 'object' ? it !== null : typeof it === 'function';
628 | };
629 | 
630 | 
631 | /***/ }),
632 | 
633 | /***/ "fb15":
634 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
635 | 
636 | "use strict";
637 | __webpack_require__.r(__webpack_exports__);
638 | 
639 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
640 | // This file is imported into lib/wc client bundles.
641 | 
642 | if (typeof window !== 'undefined') {
643 |   var i
644 |   if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
645 |     __webpack_require__.p = i[1] // eslint-disable-line
646 |   }
647 | }
648 | 
649 | // Indicate to webpack that this file can be concatenated
650 | /* harmony default export */ var setPublicPath = (null);
651 | 
652 | // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
653 | var es6_function_name = __webpack_require__("7f7f");
654 | 
655 | // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
656 | var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
657 | var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
658 | 
659 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b5c12f96-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal.vue?vue&type=template&id=03833336&scoped=true&
660 | var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.multiple)?_c('div',[_c('button',{on:{"click":function($event){$event.stopPropagation();return _vm.toggleModal($event)}}},[_vm._v(_vm._s(_vm.btnText))])]):_c('div',{staticClass:"btns-wrapper"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:("modal-" + i),staticClass:"btn-wrapper"},[_c('button',{on:{"click":function($event){$event.stopPropagation();_vm.toggleModal(i); _vm.beforeOpen()}}},[_vm._v(_vm._s(modal.btnText))])])}),0),_c('transition',{attrs:{"name":"fade"}},[(_vm.modalVisible)?_c('div',{staticClass:"overlay",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.toggleModal(); _vm.beforeClose()}}},[(_vm.closeBtn)?_c('button',{staticClass:"close",on:{"click":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{"innerHTML":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(!_vm.multiple)?_c('div',{staticClass:"modal"},[(!_vm.modalContent)?_vm._t("default"):_c('div',{domProps:{"innerHTML":_vm._s(_vm.modalContent)}})],2):_c('div',{staticClass:"modals"},[_c('div',{staticClass:"content"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:("content-" + i)},[_c('transition',{attrs:{"name":"fade"}},[(_vm.clickedBtn === i)?_c('div',{domProps:{"innerHTML":_vm._s(modal.modalContent)}}):_vm._e()])],1)}),0),(_vm.showNav)?_c('div',{staticClass:"navigation"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:("btn-" + i)},[_c('button',{class:_vm.clickedBtn === i ? 'active' : '',on:{"click":function($event){$event.stopPropagation();return _vm.switchContent(i)}}},[_vm._v("\n              "+_vm._s(modal.btnText)+"\n            ")])])}),0):_vm._e(),(_vm.showArrows)?_c('div',{staticClass:"navigation-arrows"},[(_vm.clickedBtn !== 0)?_c('button',{staticClass:"prev-arrow",domProps:{"innerHTML":_vm._s(_vm.arrowPrevContent)},on:{"click":_vm.prevModal}}):_vm._e(),(_vm.showArrowsCloseBtn)?_c('button',{staticClass:"close",on:{"click":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{"innerHTML":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(_vm.clickedBtn !== (_vm.modals.length - 1) )?_c('button',{staticClass:"next-arrow",domProps:{"innerHTML":_vm._s(_vm.arrowNextContent)},on:{"click":_vm.nextModal}}):_vm._e()]):_vm._e()])]):_vm._e()])],1)}
661 | var staticRenderFns = []
662 | 
663 | 
664 | // CONCATENATED MODULE: ./src/components/Modal.vue?vue&type=template&id=03833336&scoped=true&
665 | 
666 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal.vue?vue&type=script&lang=js&
667 | //
668 | //
669 | //
670 | //
671 | //
672 | //
673 | //
674 | //
675 | //
676 | //
677 | //
678 | //
679 | //
680 | //
681 | //
682 | //
683 | //
684 | //
685 | //
686 | //
687 | //
688 | //
689 | //
690 | //
691 | //
692 | //
693 | //
694 | //
695 | //
696 | //
697 | //
698 | //
699 | //
700 | //
701 | //
702 | //
703 | //
704 | //
705 | //
706 | //
707 | //
708 | //
709 | //
710 | //
711 | //
712 | //
713 | //
714 | /* harmony default export */ var Modalvue_type_script_lang_js_ = ({
715 |   data: function data() {
716 |     return {
717 |       modalVisible: false,
718 |       clickedBtn: 0
719 |     };
720 |   },
721 |   name: "Modal",
722 |   props: {
723 |     btnText: String,
724 |     modalContent: String,
725 |     closeBtn: Boolean,
726 |     closeBtnContent: {
727 |       type: String,
728 |       default: "X"
729 |     },
730 |     multiple: Boolean,
731 |     modals: Array,
732 |     showNav: Boolean,
733 |     showArrows: Boolean,
734 |     showArrowsCloseBtn: Boolean,
735 |     arrowPrevContent: {
736 |       type: String,
737 |       default: "<"
738 |     },
739 |     arrowNextContent: {
740 |       type: String,
741 |       default: ">"
742 |     }
743 |   },
744 |   methods: {
745 |     beforeOpen: function beforeOpen() {
746 |       this.$emit("before-open");
747 |     },
748 |     beforeClose: function beforeClose() {
749 |       this.$emit("before-close");
750 |     },
751 |     toggleModal: function toggleModal(i) {
752 |       this.modalVisible = !this.modalVisible;
753 |       this.clickedBtn = i;
754 |     },
755 |     switchContent: function switchContent(i) {
756 |       this.clickedBtn = i;
757 |     },
758 |     prevModal: function prevModal() {
759 |       this.clickedBtn > 0 ? this.clickedBtn -= 1 : "";
760 |     },
761 |     nextModal: function nextModal() {
762 |       this.clickedBtn < this.modals.length - 1 ? this.clickedBtn += 1 : "";
763 |     }
764 |   }
765 | });
766 | // CONCATENATED MODULE: ./src/components/Modal.vue?vue&type=script&lang=js&
767 |  /* harmony default export */ var components_Modalvue_type_script_lang_js_ = (Modalvue_type_script_lang_js_); 
768 | // EXTERNAL MODULE: ./src/components/Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&
769 | var Modalvue_type_style_index_0_id_03833336_scoped_true_lang_scss_ = __webpack_require__("8744");
770 | 
771 | // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
772 | /* globals __VUE_SSR_CONTEXT__ */
773 | 
774 | // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
775 | // This module is a runtime utility for cleaner component module output and will
776 | // be included in the final webpack user bundle.
777 | 
778 | function normalizeComponent (
779 |   scriptExports,
780 |   render,
781 |   staticRenderFns,
782 |   functionalTemplate,
783 |   injectStyles,
784 |   scopeId,
785 |   moduleIdentifier, /* server only */
786 |   shadowMode /* vue-cli only */
787 | ) {
788 |   // Vue.extend constructor export interop
789 |   var options = typeof scriptExports === 'function'
790 |     ? scriptExports.options
791 |     : scriptExports
792 | 
793 |   // render functions
794 |   if (render) {
795 |     options.render = render
796 |     options.staticRenderFns = staticRenderFns
797 |     options._compiled = true
798 |   }
799 | 
800 |   // functional template
801 |   if (functionalTemplate) {
802 |     options.functional = true
803 |   }
804 | 
805 |   // scopedId
806 |   if (scopeId) {
807 |     options._scopeId = 'data-v-' + scopeId
808 |   }
809 | 
810 |   var hook
811 |   if (moduleIdentifier) { // server build
812 |     hook = function (context) {
813 |       // 2.3 injection
814 |       context =
815 |         context || // cached call
816 |         (this.$vnode && this.$vnode.ssrContext) || // stateful
817 |         (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
818 |       // 2.2 with runInNewContext: true
819 |       if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
820 |         context = __VUE_SSR_CONTEXT__
821 |       }
822 |       // inject component styles
823 |       if (injectStyles) {
824 |         injectStyles.call(this, context)
825 |       }
826 |       // register component module identifier for async chunk inferrence
827 |       if (context && context._registeredComponents) {
828 |         context._registeredComponents.add(moduleIdentifier)
829 |       }
830 |     }
831 |     // used by ssr in case component is cached and beforeCreate
832 |     // never gets called
833 |     options._ssrRegister = hook
834 |   } else if (injectStyles) {
835 |     hook = shadowMode
836 |       ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
837 |       : injectStyles
838 |   }
839 | 
840 |   if (hook) {
841 |     if (options.functional) {
842 |       // for template-only hot-reload because in that case the render fn doesn't
843 |       // go through the normalizer
844 |       options._injectStyles = hook
845 |       // register for functioal component in vue file
846 |       var originalRender = options.render
847 |       options.render = function renderWithStyleInjection (h, context) {
848 |         hook.call(context)
849 |         return originalRender(h, context)
850 |       }
851 |     } else {
852 |       // inject component registration as beforeCreate hook
853 |       var existing = options.beforeCreate
854 |       options.beforeCreate = existing
855 |         ? [].concat(existing, hook)
856 |         : [hook]
857 |     }
858 |   }
859 | 
860 |   return {
861 |     exports: scriptExports,
862 |     options: options
863 |   }
864 | }
865 | 
866 | // CONCATENATED MODULE: ./src/components/Modal.vue
867 | 
868 | 
869 | 
870 | 
871 | 
872 | 
873 | /* normalize component */
874 | 
875 | var component = normalizeComponent(
876 |   components_Modalvue_type_script_lang_js_,
877 |   render,
878 |   staticRenderFns,
879 |   false,
880 |   null,
881 |   "03833336",
882 |   null
883 |   
884 | )
885 | 
886 | /* harmony default export */ var Modal = (component.exports);
887 | // CONCATENATED MODULE: ./src/components/index.js
888 | 
889 | 
890 | 
891 | external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(Modal.name, Modal);
892 | /* harmony default export */ var components = (Modal);
893 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
894 | 
895 | 
896 | /* harmony default export */ var entry_lib = __webpack_exports__["default"] = (components);
897 | 
898 | 
899 | 
900 | /***/ })
901 | 
902 | /******/ });
903 | //# sourceMappingURL=vue-modal.common.js.map


--------------------------------------------------------------------------------
/dist/vue-modal.common.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack://vue-modal/webpack/bootstrap","webpack://vue-modal/./src/components/Modal.vue?e6d3","webpack://vue-modal/./node_modules/core-js/modules/_dom-create.js","webpack://vue-modal/./node_modules/css-loader/lib/css-base.js","webpack://vue-modal/./node_modules/vue-style-loader/lib/listToStyles.js","webpack://vue-modal/./node_modules/vue-style-loader/lib/addStylesClient.js","webpack://vue-modal/./node_modules/core-js/modules/_to-primitive.js","webpack://vue-modal/./node_modules/core-js/modules/_global.js","webpack://vue-modal/./node_modules/core-js/modules/_fails.js","webpack://vue-modal/./node_modules/core-js/modules/es6.function.name.js","webpack://vue-modal/./node_modules/core-js/modules/_object-dp.js","webpack://vue-modal/./src/components/Modal.vue?9f8e","webpack://vue-modal/external {\"commonjs\":\"vue\",\"commonjs2\":\"vue\",\"root\":\"Vue\"}","webpack://vue-modal/./node_modules/core-js/modules/_descriptors.js","webpack://vue-modal/./src/components/Modal.vue?7c85","webpack://vue-modal/./node_modules/core-js/modules/_ie8-dom-define.js","webpack://vue-modal/./node_modules/core-js/modules/_an-object.js","webpack://vue-modal/./node_modules/core-js/modules/_is-object.js","webpack://vue-modal/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://vue-modal/./src/components/Modal.vue?cd59","webpack://vue-modal/src/components/Modal.vue","webpack://vue-modal/./src/components/Modal.vue?cf53","webpack://vue-modal/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://vue-modal/./src/components/Modal.vue","webpack://vue-modal/./src/components/index.js","webpack://vue-modal/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["Vue","component","Modal","name"],"mappings":";;AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,kDAA0C,gCAAgC;AAC1E;AACA;;AAEA;AACA;AACA;AACA,gEAAwD,kBAAkB;AAC1E;AACA,yDAAiD,cAAc;AAC/D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAyC,iCAAiC;AAC1E,wHAAgH,mBAAmB,EAAE;AACrI;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;;AAGA;AACA;;;;;;;;AClFA,2BAA2B,mBAAO,CAAC,MAA+C;AAClF;;;AAGA;AACA,cAAc,QAAS,6BAA6B,gCAAgC,YAAY,WAAW,eAAe,MAAM,SAAS,QAAQ,OAAO,aAAa,wEAAwE,+BAA+B,uBAAuB,6DAA6D,UAAU;;AAE1W;;;;;;;;ACPA,eAAe,mBAAO,CAAC,MAAc;AACrC,eAAe,mBAAO,CAAC,MAAW;AAClC;AACA;AACA;AACA;AACA;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;;;;;;AC3EA;AACA;AACA;AACA;AACe;AACf;AACA;AACA,iBAAiB,iBAAiB;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,wBAAwB;AAC3D,KAAK;AACL;AACA;AACA;AACA;AACA;;;AC1BA;AAAA;AACA;AACA;AACA;AACA;;AAEyC;;AAEzC;;AAEA;AACA;AACA;AACA;AACA,UAAU,iBAAiB;AAC3B;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEe;AACf;;AAEA;;AAEA,eAAe,YAAY;AAC3B;;AAEA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,YAAY;AAC3B;AACA,KAAK;AACL;AACA;AACA,mBAAmB,sBAAsB;AACzC;AACA;AACA,uBAAuB,2BAA2B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;AACA,qBAAqB,2BAA2B;AAChD;AACA;AACA,YAAY,uBAAuB;AACnC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,qBAAqB,uBAAuB;AAC5C;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;;AAEA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;A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+T,CAAgB,0GAAG,EAAC,C;;;;;ACAnV;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,qBAAqB;AACrB;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AC5FgG;AACvC;AACL;AACsC;;;AAG1F;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,wCAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,2D;;;ACnBf;AACA;AAEAA,sDAAG,CAACC,SAAJ,CAAcC,KAAK,CAACC,IAApB,EAA0BD,KAA1B;AAEeA,oDAAf,E;;ACLwB;AACA;AACT,yFAAG;AACI","file":"vue-modal.common.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".overlay[data-v-03833336]{background-color:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.fade-enter-active[data-v-03833336],.fade-leave-active[data-v-03833336]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-03833336],.fade-leave-to[data-v-03833336]{opacity:0}\", \"\"]);\n\n// exports\n","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n  return is ? document.createElement(it) : {};\n};\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n  if (!isObject(it)) return it;\n  var fn, val;\n  if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  throw TypeError(\"Can't convert object to primitive value\");\n};\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n  ? window : typeof self != 'undefined' && self.Math == Math ? self\n  // eslint-disable-next-line no-new-func\n  : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","module.exports = function (exec) {\n  try {\n    return !!exec();\n  } catch (e) {\n    return true;\n  }\n};\n","var dP = require('./_object-dp').f;\nvar FProto = Function.prototype;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// 19.2.4.2 name\nNAME in FProto || require('./_descriptors') && dP(FProto, NAME, {\n  configurable: true,\n  get: function () {\n    try {\n      return ('' + this).match(nameRE)[1];\n    } catch (e) {\n      return '';\n    }\n  }\n});\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n  anObject(O);\n  P = toPrimitive(P, true);\n  anObject(Attributes);\n  if (IE8_DOM_DEFINE) try {\n    return dP(O, P, Attributes);\n  } catch (e) { /* empty */ }\n  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n  if ('value' in Attributes) O[P] = Attributes.value;\n  return O;\n};\n","import mod from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"","module.exports = require(\"vue\");","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"192a2e99\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n  return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n  if (!isObject(it)) throw TypeError(it + ' is not an object!');\n  return it;\n};\n","module.exports = function (it) {\n  return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.multiple)?_c('div',[_c('button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleModal($event)}}},[_vm._v(_vm._s(_vm.btnText))])]):_c('div',{staticClass:\"btns-wrapper\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"modal-\" + i),staticClass:\"btn-wrapper\"},[_c('button',{on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(i); _vm.beforeOpen()}}},[_vm._v(_vm._s(modal.btnText))])])}),0),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.modalVisible)?_c('div',{staticClass:\"overlay\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.toggleModal(); _vm.beforeClose()}}},[(_vm.closeBtn)?_c('button',{staticClass:\"close\",on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(!_vm.multiple)?_c('div',{staticClass:\"modal\"},[(!_vm.modalContent)?_vm._t(\"default\"):_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.modalContent)}})],2):_c('div',{staticClass:\"modals\"},[_c('div',{staticClass:\"content\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"content-\" + i)},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.clickedBtn === i)?_c('div',{domProps:{\"innerHTML\":_vm._s(modal.modalContent)}}):_vm._e()])],1)}),0),(_vm.showNav)?_c('div',{staticClass:\"navigation\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"btn-\" + i)},[_c('button',{class:_vm.clickedBtn === i ? 'active' : '',on:{\"click\":function($event){$event.stopPropagation();return _vm.switchContent(i)}}},[_vm._v(\"\\n              \"+_vm._s(modal.btnText)+\"\\n            \")])])}),0):_vm._e(),(_vm.showArrows)?_c('div',{staticClass:\"navigation-arrows\"},[(_vm.clickedBtn !== 0)?_c('button',{staticClass:\"prev-arrow\",domProps:{\"innerHTML\":_vm._s(_vm.arrowPrevContent)},on:{\"click\":_vm.prevModal}}):_vm._e(),(_vm.showArrowsCloseBtn)?_c('button',{staticClass:\"close\",on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(_vm.clickedBtn !== (_vm.modals.length - 1) )?_c('button',{staticClass:\"next-arrow\",domProps:{\"innerHTML\":_vm._s(_vm.arrowNextContent)},on:{\"click\":_vm.nextModal}}):_vm._e()]):_vm._e()])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!multiple\">\n      <button @click.stop=\"toggleModal\">{{btnText}}</button>\n    </div>\n    <div v-else class=\"btns-wrapper\">\n      <div v-for=\"(modal,i) in modals\" :key=\"`modal-${i}`\"  class=\"btn-wrapper\">\n        <button @click.stop=\"toggleModal(i); beforeOpen()\">{{modal.btnText}}</button>\n      </div>\n    </div>\n    <transition name=\"fade\">\n      <div class=\"overlay\" v-if=\"modalVisible\" @click.self=\"toggleModal(); beforeClose()\">\n        <button class=\"close\" v-if=\"closeBtn\" @click.stop=\"toggleModal(); beforeClose()\">\n          <div v-html=\"closeBtnContent\"></div>\n        </button>\n        <div v-if=\"!multiple\" class=\"modal\">\n          <slot v-if=\"!modalContent\"></slot>\n          <div v-else v-html=\"modalContent\"></div>\n        </div>\n        <div v-else class=\"modals\">\n          <div class=\"content\">\n            <div v-for=\"(modal,i) in modals\" :key=\"`content-${i}`\">\n                <transition name=\"fade\">\n                    <div v-if=\"clickedBtn === i\" v-html=\"modal.modalContent\"></div>\n                </transition>\n            </div>\n          </div>\n          <div class=\"navigation\" v-if=\"showNav\">\n            <div v-for=\"(modal,i) in modals\" :key=\"`btn-${i}`\">\n              <button :class=\"clickedBtn === i ? 'active' : '' \" @click.stop=\"switchContent(i)\">\n                {{modal.btnText}}\n              </button>\n            </div>\n          </div>\n          <div class=\"navigation-arrows\" v-if=\"showArrows\">\n            <button class=\"prev-arrow\" v-if=\"clickedBtn !== 0\" @click=\"prevModal\" v-html=\"arrowPrevContent\"></button>\n            <button class=\"close\" v-if=\"showArrowsCloseBtn\" @click.stop=\"toggleModal(); beforeClose()\">\n              <div v-html=\"closeBtnContent\"></div>\n            </button>\n            <button class=\"next-arrow\" v-if=\"clickedBtn !== (modals.length - 1) \" @click=\"nextModal\" v-html=\"arrowNextContent\"></button>\n          </div>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      modalVisible: false,\n      clickedBtn: 0\n    };\n  },\n  name: \"Modal\",\n  props: {\n    btnText: String,\n    modalContent: String,\n    closeBtn: Boolean,\n    closeBtnContent: {\n      type: String,\n      default: \"X\"\n    },\n    multiple: Boolean,\n    modals: Array,\n    showNav: Boolean,\n    showArrows: Boolean,\n    showArrowsCloseBtn: Boolean,\n    arrowPrevContent: {\n      type: String,\n      default: \"<\"\n    },\n    arrowNextContent: {\n      type: String,\n      default: \">\"\n    }\n  },\n  methods: {\n    beforeOpen() {\n      this.$emit(\"before-open\");\n    },\n    beforeClose() {\n      this.$emit(\"before-close\");\n    },\n    toggleModal(i) {\n      this.modalVisible = !this.modalVisible;\n      this.clickedBtn = i;\n    },\n    switchContent(i) {\n      this.clickedBtn = i;\n    },\n    prevModal() {\n      this.clickedBtn > 0 ? (this.clickedBtn -= 1) : \"\";\n    },\n    nextModal() {\n      this.clickedBtn < this.modals.length - 1 ? (this.clickedBtn += 1) : \"\";\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.overlay {\n  background-color: rgba(0, 0, 0, 0.8);\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n//Transitions\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=03833336&scoped=true&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03833336\",\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\"\nimport Modal from './Modal.vue'\n\nVue.component(Modal.name, Modal)\n\nexport default Modal","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}


--------------------------------------------------------------------------------
/dist/vue-modal.umd.js:
--------------------------------------------------------------------------------
  1 | (function webpackUniversalModuleDefinition(root, factory) {
  2 | 	if(typeof exports === 'object' && typeof module === 'object')
  3 | 		module.exports = factory(require("vue"));
  4 | 	else if(typeof define === 'function' && define.amd)
  5 | 		define([], factory);
  6 | 	else if(typeof exports === 'object')
  7 | 		exports["vue-modal"] = factory(require("vue"));
  8 | 	else
  9 | 		root["vue-modal"] = factory(root["Vue"]);
 10 | })((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__8bbf__) {
 11 | return /******/ (function(modules) { // webpackBootstrap
 12 | /******/ 	// The module cache
 13 | /******/ 	var installedModules = {};
 14 | /******/
 15 | /******/ 	// The require function
 16 | /******/ 	function __webpack_require__(moduleId) {
 17 | /******/
 18 | /******/ 		// Check if module is in cache
 19 | /******/ 		if(installedModules[moduleId]) {
 20 | /******/ 			return installedModules[moduleId].exports;
 21 | /******/ 		}
 22 | /******/ 		// Create a new module (and put it into the cache)
 23 | /******/ 		var module = installedModules[moduleId] = {
 24 | /******/ 			i: moduleId,
 25 | /******/ 			l: false,
 26 | /******/ 			exports: {}
 27 | /******/ 		};
 28 | /******/
 29 | /******/ 		// Execute the module function
 30 | /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 31 | /******/
 32 | /******/ 		// Flag the module as loaded
 33 | /******/ 		module.l = true;
 34 | /******/
 35 | /******/ 		// Return the exports of the module
 36 | /******/ 		return module.exports;
 37 | /******/ 	}
 38 | /******/
 39 | /******/
 40 | /******/ 	// expose the modules object (__webpack_modules__)
 41 | /******/ 	__webpack_require__.m = modules;
 42 | /******/
 43 | /******/ 	// expose the module cache
 44 | /******/ 	__webpack_require__.c = installedModules;
 45 | /******/
 46 | /******/ 	// define getter function for harmony exports
 47 | /******/ 	__webpack_require__.d = function(exports, name, getter) {
 48 | /******/ 		if(!__webpack_require__.o(exports, name)) {
 49 | /******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
 50 | /******/ 		}
 51 | /******/ 	};
 52 | /******/
 53 | /******/ 	// define __esModule on exports
 54 | /******/ 	__webpack_require__.r = function(exports) {
 55 | /******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 56 | /******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 57 | /******/ 		}
 58 | /******/ 		Object.defineProperty(exports, '__esModule', { value: true });
 59 | /******/ 	};
 60 | /******/
 61 | /******/ 	// create a fake namespace object
 62 | /******/ 	// mode & 1: value is a module id, require it
 63 | /******/ 	// mode & 2: merge all properties of value into the ns
 64 | /******/ 	// mode & 4: return value when already ns object
 65 | /******/ 	// mode & 8|1: behave like require
 66 | /******/ 	__webpack_require__.t = function(value, mode) {
 67 | /******/ 		if(mode & 1) value = __webpack_require__(value);
 68 | /******/ 		if(mode & 8) return value;
 69 | /******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
 70 | /******/ 		var ns = Object.create(null);
 71 | /******/ 		__webpack_require__.r(ns);
 72 | /******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
 73 | /******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
 74 | /******/ 		return ns;
 75 | /******/ 	};
 76 | /******/
 77 | /******/ 	// getDefaultExport function for compatibility with non-harmony modules
 78 | /******/ 	__webpack_require__.n = function(module) {
 79 | /******/ 		var getter = module && module.__esModule ?
 80 | /******/ 			function getDefault() { return module['default']; } :
 81 | /******/ 			function getModuleExports() { return module; };
 82 | /******/ 		__webpack_require__.d(getter, 'a', getter);
 83 | /******/ 		return getter;
 84 | /******/ 	};
 85 | /******/
 86 | /******/ 	// Object.prototype.hasOwnProperty.call
 87 | /******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
 88 | /******/
 89 | /******/ 	// __webpack_public_path__
 90 | /******/ 	__webpack_require__.p = "";
 91 | /******/
 92 | /******/
 93 | /******/ 	// Load entry module and return exports
 94 | /******/ 	return __webpack_require__(__webpack_require__.s = "fb15");
 95 | /******/ })
 96 | /************************************************************************/
 97 | /******/ ({
 98 | 
 99 | /***/ "07b6":
100 | /***/ (function(module, exports, __webpack_require__) {
101 | 
102 | exports = module.exports = __webpack_require__("2350")(false);
103 | // imports
104 | 
105 | 
106 | // module
107 | exports.push([module.i, ".overlay[data-v-03833336]{background-color:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.fade-enter-active[data-v-03833336],.fade-leave-active[data-v-03833336]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-03833336],.fade-leave-to[data-v-03833336]{opacity:0}", ""]);
108 | 
109 | // exports
110 | 
111 | 
112 | /***/ }),
113 | 
114 | /***/ "230e":
115 | /***/ (function(module, exports, __webpack_require__) {
116 | 
117 | var isObject = __webpack_require__("d3f4");
118 | var document = __webpack_require__("7726").document;
119 | // typeof document.createElement is 'object' in old IE
120 | var is = isObject(document) && isObject(document.createElement);
121 | module.exports = function (it) {
122 |   return is ? document.createElement(it) : {};
123 | };
124 | 
125 | 
126 | /***/ }),
127 | 
128 | /***/ "2350":
129 | /***/ (function(module, exports) {
130 | 
131 | /*
132 | 	MIT License http://www.opensource.org/licenses/mit-license.php
133 | 	Author Tobias Koppers @sokra
134 | */
135 | // css base code, injected by the css-loader
136 | module.exports = function(useSourceMap) {
137 | 	var list = [];
138 | 
139 | 	// return the list of modules as css string
140 | 	list.toString = function toString() {
141 | 		return this.map(function (item) {
142 | 			var content = cssWithMappingToString(item, useSourceMap);
143 | 			if(item[2]) {
144 | 				return "@media " + item[2] + "{" + content + "}";
145 | 			} else {
146 | 				return content;
147 | 			}
148 | 		}).join("");
149 | 	};
150 | 
151 | 	// import a list of modules into the list
152 | 	list.i = function(modules, mediaQuery) {
153 | 		if(typeof modules === "string")
154 | 			modules = [[null, modules, ""]];
155 | 		var alreadyImportedModules = {};
156 | 		for(var i = 0; i < this.length; i++) {
157 | 			var id = this[i][0];
158 | 			if(typeof id === "number")
159 | 				alreadyImportedModules[id] = true;
160 | 		}
161 | 		for(i = 0; i < modules.length; i++) {
162 | 			var item = modules[i];
163 | 			// skip already imported module
164 | 			// this implementation is not 100% perfect for weird media query combinations
165 | 			//  when a module is imported multiple times with different media queries.
166 | 			//  I hope this will never occur (Hey this way we have smaller bundles)
167 | 			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
168 | 				if(mediaQuery && !item[2]) {
169 | 					item[2] = mediaQuery;
170 | 				} else if(mediaQuery) {
171 | 					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
172 | 				}
173 | 				list.push(item);
174 | 			}
175 | 		}
176 | 	};
177 | 	return list;
178 | };
179 | 
180 | function cssWithMappingToString(item, useSourceMap) {
181 | 	var content = item[1] || '';
182 | 	var cssMapping = item[3];
183 | 	if (!cssMapping) {
184 | 		return content;
185 | 	}
186 | 
187 | 	if (useSourceMap && typeof btoa === 'function') {
188 | 		var sourceMapping = toComment(cssMapping);
189 | 		var sourceURLs = cssMapping.sources.map(function (source) {
190 | 			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
191 | 		});
192 | 
193 | 		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
194 | 	}
195 | 
196 | 	return [content].join('\n');
197 | }
198 | 
199 | // Adapted from convert-source-map (MIT)
200 | function toComment(sourceMap) {
201 | 	// eslint-disable-next-line no-undef
202 | 	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
203 | 	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
204 | 
205 | 	return '/*# ' + data + ' */';
206 | }
207 | 
208 | 
209 | /***/ }),
210 | 
211 | /***/ "499e":
212 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
213 | 
214 | "use strict";
215 | __webpack_require__.r(__webpack_exports__);
216 | 
217 | // CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
218 | /**
219 |  * Translates the list format produced by css-loader into something
220 |  * easier to manipulate.
221 |  */
222 | function listToStyles (parentId, list) {
223 |   var styles = []
224 |   var newStyles = {}
225 |   for (var i = 0; i < list.length; i++) {
226 |     var item = list[i]
227 |     var id = item[0]
228 |     var css = item[1]
229 |     var media = item[2]
230 |     var sourceMap = item[3]
231 |     var part = {
232 |       id: parentId + ':' + i,
233 |       css: css,
234 |       media: media,
235 |       sourceMap: sourceMap
236 |     }
237 |     if (!newStyles[id]) {
238 |       styles.push(newStyles[id] = { id: id, parts: [part] })
239 |     } else {
240 |       newStyles[id].parts.push(part)
241 |     }
242 |   }
243 |   return styles
244 | }
245 | 
246 | // CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
247 | /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return addStylesClient; });
248 | /*
249 |   MIT License http://www.opensource.org/licenses/mit-license.php
250 |   Author Tobias Koppers @sokra
251 |   Modified by Evan You @yyx990803
252 | */
253 | 
254 | 
255 | 
256 | var hasDocument = typeof document !== 'undefined'
257 | 
258 | if (typeof DEBUG !== 'undefined' && DEBUG) {
259 |   if (!hasDocument) {
260 |     throw new Error(
261 |     'vue-style-loader cannot be used in a non-browser environment. ' +
262 |     "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
263 |   ) }
264 | }
265 | 
266 | /*
267 | type StyleObject = {
268 |   id: number;
269 |   parts: Array<StyleObjectPart>
270 | }
271 | 
272 | type StyleObjectPart = {
273 |   css: string;
274 |   media: string;
275 |   sourceMap: ?string
276 | }
277 | */
278 | 
279 | var stylesInDom = {/*
280 |   [id: number]: {
281 |     id: number,
282 |     refs: number,
283 |     parts: Array<(obj?: StyleObjectPart) => void>
284 |   }
285 | */}
286 | 
287 | var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
288 | var singletonElement = null
289 | var singletonCounter = 0
290 | var isProduction = false
291 | var noop = function () {}
292 | var options = null
293 | var ssrIdKey = 'data-vue-ssr-id'
294 | 
295 | // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
296 | // tags it will allow on a page
297 | var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
298 | 
299 | function addStylesClient (parentId, list, _isProduction, _options) {
300 |   isProduction = _isProduction
301 | 
302 |   options = _options || {}
303 | 
304 |   var styles = listToStyles(parentId, list)
305 |   addStylesToDom(styles)
306 | 
307 |   return function update (newList) {
308 |     var mayRemove = []
309 |     for (var i = 0; i < styles.length; i++) {
310 |       var item = styles[i]
311 |       var domStyle = stylesInDom[item.id]
312 |       domStyle.refs--
313 |       mayRemove.push(domStyle)
314 |     }
315 |     if (newList) {
316 |       styles = listToStyles(parentId, newList)
317 |       addStylesToDom(styles)
318 |     } else {
319 |       styles = []
320 |     }
321 |     for (var i = 0; i < mayRemove.length; i++) {
322 |       var domStyle = mayRemove[i]
323 |       if (domStyle.refs === 0) {
324 |         for (var j = 0; j < domStyle.parts.length; j++) {
325 |           domStyle.parts[j]()
326 |         }
327 |         delete stylesInDom[domStyle.id]
328 |       }
329 |     }
330 |   }
331 | }
332 | 
333 | function addStylesToDom (styles /* Array<StyleObject> */) {
334 |   for (var i = 0; i < styles.length; i++) {
335 |     var item = styles[i]
336 |     var domStyle = stylesInDom[item.id]
337 |     if (domStyle) {
338 |       domStyle.refs++
339 |       for (var j = 0; j < domStyle.parts.length; j++) {
340 |         domStyle.parts[j](item.parts[j])
341 |       }
342 |       for (; j < item.parts.length; j++) {
343 |         domStyle.parts.push(addStyle(item.parts[j]))
344 |       }
345 |       if (domStyle.parts.length > item.parts.length) {
346 |         domStyle.parts.length = item.parts.length
347 |       }
348 |     } else {
349 |       var parts = []
350 |       for (var j = 0; j < item.parts.length; j++) {
351 |         parts.push(addStyle(item.parts[j]))
352 |       }
353 |       stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
354 |     }
355 |   }
356 | }
357 | 
358 | function createStyleElement () {
359 |   var styleElement = document.createElement('style')
360 |   styleElement.type = 'text/css'
361 |   head.appendChild(styleElement)
362 |   return styleElement
363 | }
364 | 
365 | function addStyle (obj /* StyleObjectPart */) {
366 |   var update, remove
367 |   var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
368 | 
369 |   if (styleElement) {
370 |     if (isProduction) {
371 |       // has SSR styles and in production mode.
372 |       // simply do nothing.
373 |       return noop
374 |     } else {
375 |       // has SSR styles but in dev mode.
376 |       // for some reason Chrome can't handle source map in server-rendered
377 |       // style tags - source maps in <style> only works if the style tag is
378 |       // created and inserted dynamically. So we remove the server rendered
379 |       // styles and inject new ones.
380 |       styleElement.parentNode.removeChild(styleElement)
381 |     }
382 |   }
383 | 
384 |   if (isOldIE) {
385 |     // use singleton mode for IE9.
386 |     var styleIndex = singletonCounter++
387 |     styleElement = singletonElement || (singletonElement = createStyleElement())
388 |     update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
389 |     remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
390 |   } else {
391 |     // use multi-style-tag mode in all other cases
392 |     styleElement = createStyleElement()
393 |     update = applyToTag.bind(null, styleElement)
394 |     remove = function () {
395 |       styleElement.parentNode.removeChild(styleElement)
396 |     }
397 |   }
398 | 
399 |   update(obj)
400 | 
401 |   return function updateStyle (newObj /* StyleObjectPart */) {
402 |     if (newObj) {
403 |       if (newObj.css === obj.css &&
404 |           newObj.media === obj.media &&
405 |           newObj.sourceMap === obj.sourceMap) {
406 |         return
407 |       }
408 |       update(obj = newObj)
409 |     } else {
410 |       remove()
411 |     }
412 |   }
413 | }
414 | 
415 | var replaceText = (function () {
416 |   var textStore = []
417 | 
418 |   return function (index, replacement) {
419 |     textStore[index] = replacement
420 |     return textStore.filter(Boolean).join('\n')
421 |   }
422 | })()
423 | 
424 | function applyToSingletonTag (styleElement, index, remove, obj) {
425 |   var css = remove ? '' : obj.css
426 | 
427 |   if (styleElement.styleSheet) {
428 |     styleElement.styleSheet.cssText = replaceText(index, css)
429 |   } else {
430 |     var cssNode = document.createTextNode(css)
431 |     var childNodes = styleElement.childNodes
432 |     if (childNodes[index]) styleElement.removeChild(childNodes[index])
433 |     if (childNodes.length) {
434 |       styleElement.insertBefore(cssNode, childNodes[index])
435 |     } else {
436 |       styleElement.appendChild(cssNode)
437 |     }
438 |   }
439 | }
440 | 
441 | function applyToTag (styleElement, obj) {
442 |   var css = obj.css
443 |   var media = obj.media
444 |   var sourceMap = obj.sourceMap
445 | 
446 |   if (media) {
447 |     styleElement.setAttribute('media', media)
448 |   }
449 |   if (options.ssrId) {
450 |     styleElement.setAttribute(ssrIdKey, obj.id)
451 |   }
452 | 
453 |   if (sourceMap) {
454 |     // https://developer.chrome.com/devtools/docs/javascript-debugging
455 |     // this makes source maps inside style tags work properly in Chrome
456 |     css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
457 |     // http://stackoverflow.com/a/26603875
458 |     css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
459 |   }
460 | 
461 |   if (styleElement.styleSheet) {
462 |     styleElement.styleSheet.cssText = css
463 |   } else {
464 |     while (styleElement.firstChild) {
465 |       styleElement.removeChild(styleElement.firstChild)
466 |     }
467 |     styleElement.appendChild(document.createTextNode(css))
468 |   }
469 | }
470 | 
471 | 
472 | /***/ }),
473 | 
474 | /***/ "6a99":
475 | /***/ (function(module, exports, __webpack_require__) {
476 | 
477 | // 7.1.1 ToPrimitive(input [, PreferredType])
478 | var isObject = __webpack_require__("d3f4");
479 | // instead of the ES6 spec version, we didn't implement @@toPrimitive case
480 | // and the second argument - flag - preferred type is a string
481 | module.exports = function (it, S) {
482 |   if (!isObject(it)) return it;
483 |   var fn, val;
484 |   if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
485 |   if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;
486 |   if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;
487 |   throw TypeError("Can't convert object to primitive value");
488 | };
489 | 
490 | 
491 | /***/ }),
492 | 
493 | /***/ "7726":
494 | /***/ (function(module, exports) {
495 | 
496 | // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
497 | var global = module.exports = typeof window != 'undefined' && window.Math == Math
498 |   ? window : typeof self != 'undefined' && self.Math == Math ? self
499 |   // eslint-disable-next-line no-new-func
500 |   : Function('return this')();
501 | if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef
502 | 
503 | 
504 | /***/ }),
505 | 
506 | /***/ "79e5":
507 | /***/ (function(module, exports) {
508 | 
509 | module.exports = function (exec) {
510 |   try {
511 |     return !!exec();
512 |   } catch (e) {
513 |     return true;
514 |   }
515 | };
516 | 
517 | 
518 | /***/ }),
519 | 
520 | /***/ "7f7f":
521 | /***/ (function(module, exports, __webpack_require__) {
522 | 
523 | var dP = __webpack_require__("86cc").f;
524 | var FProto = Function.prototype;
525 | var nameRE = /^\s*function ([^ (]*)/;
526 | var NAME = 'name';
527 | 
528 | // 19.2.4.2 name
529 | NAME in FProto || __webpack_require__("9e1e") && dP(FProto, NAME, {
530 |   configurable: true,
531 |   get: function () {
532 |     try {
533 |       return ('' + this).match(nameRE)[1];
534 |     } catch (e) {
535 |       return '';
536 |     }
537 |   }
538 | });
539 | 
540 | 
541 | /***/ }),
542 | 
543 | /***/ "86cc":
544 | /***/ (function(module, exports, __webpack_require__) {
545 | 
546 | var anObject = __webpack_require__("cb7c");
547 | var IE8_DOM_DEFINE = __webpack_require__("c69a");
548 | var toPrimitive = __webpack_require__("6a99");
549 | var dP = Object.defineProperty;
550 | 
551 | exports.f = __webpack_require__("9e1e") ? Object.defineProperty : function defineProperty(O, P, Attributes) {
552 |   anObject(O);
553 |   P = toPrimitive(P, true);
554 |   anObject(Attributes);
555 |   if (IE8_DOM_DEFINE) try {
556 |     return dP(O, P, Attributes);
557 |   } catch (e) { /* empty */ }
558 |   if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
559 |   if ('value' in Attributes) O[P] = Attributes.value;
560 |   return O;
561 | };
562 | 
563 | 
564 | /***/ }),
565 | 
566 | /***/ "8744":
567 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
568 | 
569 | "use strict";
570 | /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bf17");
571 | /* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__);
572 | /* unused harmony reexport * */
573 |  /* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default.a); 
574 | 
575 | /***/ }),
576 | 
577 | /***/ "8bbf":
578 | /***/ (function(module, exports) {
579 | 
580 | module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
581 | 
582 | /***/ }),
583 | 
584 | /***/ "9e1e":
585 | /***/ (function(module, exports, __webpack_require__) {
586 | 
587 | // Thank's IE8 for his funny defineProperty
588 | module.exports = !__webpack_require__("79e5")(function () {
589 |   return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;
590 | });
591 | 
592 | 
593 | /***/ }),
594 | 
595 | /***/ "bf17":
596 | /***/ (function(module, exports, __webpack_require__) {
597 | 
598 | // style-loader: Adds some css to the DOM by adding a <style> tag
599 | 
600 | // load the styles
601 | var content = __webpack_require__("07b6");
602 | if(typeof content === 'string') content = [[module.i, content, '']];
603 | if(content.locals) module.exports = content.locals;
604 | // add the styles to the DOM
605 | var add = __webpack_require__("499e").default
606 | var update = add("192a2e99", content, true, {"sourceMap":false,"shadowMode":false});
607 | 
608 | /***/ }),
609 | 
610 | /***/ "c69a":
611 | /***/ (function(module, exports, __webpack_require__) {
612 | 
613 | module.exports = !__webpack_require__("9e1e") && !__webpack_require__("79e5")(function () {
614 |   return Object.defineProperty(__webpack_require__("230e")('div'), 'a', { get: function () { return 7; } }).a != 7;
615 | });
616 | 
617 | 
618 | /***/ }),
619 | 
620 | /***/ "cb7c":
621 | /***/ (function(module, exports, __webpack_require__) {
622 | 
623 | var isObject = __webpack_require__("d3f4");
624 | module.exports = function (it) {
625 |   if (!isObject(it)) throw TypeError(it + ' is not an object!');
626 |   return it;
627 | };
628 | 
629 | 
630 | /***/ }),
631 | 
632 | /***/ "d3f4":
633 | /***/ (function(module, exports) {
634 | 
635 | module.exports = function (it) {
636 |   return typeof it === 'object' ? it !== null : typeof it === 'function';
637 | };
638 | 
639 | 
640 | /***/ }),
641 | 
642 | /***/ "fb15":
643 | /***/ (function(module, __webpack_exports__, __webpack_require__) {
644 | 
645 | "use strict";
646 | __webpack_require__.r(__webpack_exports__);
647 | 
648 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
649 | // This file is imported into lib/wc client bundles.
650 | 
651 | if (typeof window !== 'undefined') {
652 |   var i
653 |   if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
654 |     __webpack_require__.p = i[1] // eslint-disable-line
655 |   }
656 | }
657 | 
658 | // Indicate to webpack that this file can be concatenated
659 | /* harmony default export */ var setPublicPath = (null);
660 | 
661 | // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.function.name.js
662 | var es6_function_name = __webpack_require__("7f7f");
663 | 
664 | // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
665 | var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
666 | var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
667 | 
668 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b5c12f96-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal.vue?vue&type=template&id=03833336&scoped=true&
669 | var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.multiple)?_c('div',[_c('button',{on:{"click":function($event){$event.stopPropagation();return _vm.toggleModal($event)}}},[_vm._v(_vm._s(_vm.btnText))])]):_c('div',{staticClass:"btns-wrapper"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:("modal-" + i),staticClass:"btn-wrapper"},[_c('button',{on:{"click":function($event){$event.stopPropagation();_vm.toggleModal(i); _vm.beforeOpen()}}},[_vm._v(_vm._s(modal.btnText))])])}),0),_c('transition',{attrs:{"name":"fade"}},[(_vm.modalVisible)?_c('div',{staticClass:"overlay",on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.toggleModal(); _vm.beforeClose()}}},[(_vm.closeBtn)?_c('button',{staticClass:"close",on:{"click":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{"innerHTML":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(!_vm.multiple)?_c('div',{staticClass:"modal"},[(!_vm.modalContent)?_vm._t("default"):_c('div',{domProps:{"innerHTML":_vm._s(_vm.modalContent)}})],2):_c('div',{staticClass:"modals"},[_c('div',{staticClass:"content"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:("content-" + i)},[_c('transition',{attrs:{"name":"fade"}},[(_vm.clickedBtn === i)?_c('div',{domProps:{"innerHTML":_vm._s(modal.modalContent)}}):_vm._e()])],1)}),0),(_vm.showNav)?_c('div',{staticClass:"navigation"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:("btn-" + i)},[_c('button',{class:_vm.clickedBtn === i ? 'active' : '',on:{"click":function($event){$event.stopPropagation();return _vm.switchContent(i)}}},[_vm._v("\n              "+_vm._s(modal.btnText)+"\n            ")])])}),0):_vm._e(),(_vm.showArrows)?_c('div',{staticClass:"navigation-arrows"},[(_vm.clickedBtn !== 0)?_c('button',{staticClass:"prev-arrow",domProps:{"innerHTML":_vm._s(_vm.arrowPrevContent)},on:{"click":_vm.prevModal}}):_vm._e(),(_vm.showArrowsCloseBtn)?_c('button',{staticClass:"close",on:{"click":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{"innerHTML":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(_vm.clickedBtn !== (_vm.modals.length - 1) )?_c('button',{staticClass:"next-arrow",domProps:{"innerHTML":_vm._s(_vm.arrowNextContent)},on:{"click":_vm.nextModal}}):_vm._e()]):_vm._e()])]):_vm._e()])],1)}
670 | var staticRenderFns = []
671 | 
672 | 
673 | // CONCATENATED MODULE: ./src/components/Modal.vue?vue&type=template&id=03833336&scoped=true&
674 | 
675 | // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Modal.vue?vue&type=script&lang=js&
676 | //
677 | //
678 | //
679 | //
680 | //
681 | //
682 | //
683 | //
684 | //
685 | //
686 | //
687 | //
688 | //
689 | //
690 | //
691 | //
692 | //
693 | //
694 | //
695 | //
696 | //
697 | //
698 | //
699 | //
700 | //
701 | //
702 | //
703 | //
704 | //
705 | //
706 | //
707 | //
708 | //
709 | //
710 | //
711 | //
712 | //
713 | //
714 | //
715 | //
716 | //
717 | //
718 | //
719 | //
720 | //
721 | //
722 | //
723 | /* harmony default export */ var Modalvue_type_script_lang_js_ = ({
724 |   data: function data() {
725 |     return {
726 |       modalVisible: false,
727 |       clickedBtn: 0
728 |     };
729 |   },
730 |   name: "Modal",
731 |   props: {
732 |     btnText: String,
733 |     modalContent: String,
734 |     closeBtn: Boolean,
735 |     closeBtnContent: {
736 |       type: String,
737 |       default: "X"
738 |     },
739 |     multiple: Boolean,
740 |     modals: Array,
741 |     showNav: Boolean,
742 |     showArrows: Boolean,
743 |     showArrowsCloseBtn: Boolean,
744 |     arrowPrevContent: {
745 |       type: String,
746 |       default: "<"
747 |     },
748 |     arrowNextContent: {
749 |       type: String,
750 |       default: ">"
751 |     }
752 |   },
753 |   methods: {
754 |     beforeOpen: function beforeOpen() {
755 |       this.$emit("before-open");
756 |     },
757 |     beforeClose: function beforeClose() {
758 |       this.$emit("before-close");
759 |     },
760 |     toggleModal: function toggleModal(i) {
761 |       this.modalVisible = !this.modalVisible;
762 |       this.clickedBtn = i;
763 |     },
764 |     switchContent: function switchContent(i) {
765 |       this.clickedBtn = i;
766 |     },
767 |     prevModal: function prevModal() {
768 |       this.clickedBtn > 0 ? this.clickedBtn -= 1 : "";
769 |     },
770 |     nextModal: function nextModal() {
771 |       this.clickedBtn < this.modals.length - 1 ? this.clickedBtn += 1 : "";
772 |     }
773 |   }
774 | });
775 | // CONCATENATED MODULE: ./src/components/Modal.vue?vue&type=script&lang=js&
776 |  /* harmony default export */ var components_Modalvue_type_script_lang_js_ = (Modalvue_type_script_lang_js_); 
777 | // EXTERNAL MODULE: ./src/components/Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&
778 | var Modalvue_type_style_index_0_id_03833336_scoped_true_lang_scss_ = __webpack_require__("8744");
779 | 
780 | // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
781 | /* globals __VUE_SSR_CONTEXT__ */
782 | 
783 | // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
784 | // This module is a runtime utility for cleaner component module output and will
785 | // be included in the final webpack user bundle.
786 | 
787 | function normalizeComponent (
788 |   scriptExports,
789 |   render,
790 |   staticRenderFns,
791 |   functionalTemplate,
792 |   injectStyles,
793 |   scopeId,
794 |   moduleIdentifier, /* server only */
795 |   shadowMode /* vue-cli only */
796 | ) {
797 |   // Vue.extend constructor export interop
798 |   var options = typeof scriptExports === 'function'
799 |     ? scriptExports.options
800 |     : scriptExports
801 | 
802 |   // render functions
803 |   if (render) {
804 |     options.render = render
805 |     options.staticRenderFns = staticRenderFns
806 |     options._compiled = true
807 |   }
808 | 
809 |   // functional template
810 |   if (functionalTemplate) {
811 |     options.functional = true
812 |   }
813 | 
814 |   // scopedId
815 |   if (scopeId) {
816 |     options._scopeId = 'data-v-' + scopeId
817 |   }
818 | 
819 |   var hook
820 |   if (moduleIdentifier) { // server build
821 |     hook = function (context) {
822 |       // 2.3 injection
823 |       context =
824 |         context || // cached call
825 |         (this.$vnode && this.$vnode.ssrContext) || // stateful
826 |         (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
827 |       // 2.2 with runInNewContext: true
828 |       if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
829 |         context = __VUE_SSR_CONTEXT__
830 |       }
831 |       // inject component styles
832 |       if (injectStyles) {
833 |         injectStyles.call(this, context)
834 |       }
835 |       // register component module identifier for async chunk inferrence
836 |       if (context && context._registeredComponents) {
837 |         context._registeredComponents.add(moduleIdentifier)
838 |       }
839 |     }
840 |     // used by ssr in case component is cached and beforeCreate
841 |     // never gets called
842 |     options._ssrRegister = hook
843 |   } else if (injectStyles) {
844 |     hook = shadowMode
845 |       ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
846 |       : injectStyles
847 |   }
848 | 
849 |   if (hook) {
850 |     if (options.functional) {
851 |       // for template-only hot-reload because in that case the render fn doesn't
852 |       // go through the normalizer
853 |       options._injectStyles = hook
854 |       // register for functioal component in vue file
855 |       var originalRender = options.render
856 |       options.render = function renderWithStyleInjection (h, context) {
857 |         hook.call(context)
858 |         return originalRender(h, context)
859 |       }
860 |     } else {
861 |       // inject component registration as beforeCreate hook
862 |       var existing = options.beforeCreate
863 |       options.beforeCreate = existing
864 |         ? [].concat(existing, hook)
865 |         : [hook]
866 |     }
867 |   }
868 | 
869 |   return {
870 |     exports: scriptExports,
871 |     options: options
872 |   }
873 | }
874 | 
875 | // CONCATENATED MODULE: ./src/components/Modal.vue
876 | 
877 | 
878 | 
879 | 
880 | 
881 | 
882 | /* normalize component */
883 | 
884 | var component = normalizeComponent(
885 |   components_Modalvue_type_script_lang_js_,
886 |   render,
887 |   staticRenderFns,
888 |   false,
889 |   null,
890 |   "03833336",
891 |   null
892 |   
893 | )
894 | 
895 | /* harmony default export */ var Modal = (component.exports);
896 | // CONCATENATED MODULE: ./src/components/index.js
897 | 
898 | 
899 | 
900 | external_commonjs_vue_commonjs2_vue_root_Vue_default.a.component(Modal.name, Modal);
901 | /* harmony default export */ var components = (Modal);
902 | // CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
903 | 
904 | 
905 | /* harmony default export */ var entry_lib = __webpack_exports__["default"] = (components);
906 | 
907 | 
908 | 
909 | /***/ })
910 | 
911 | /******/ });
912 | });
913 | //# sourceMappingURL=vue-modal.umd.js.map


--------------------------------------------------------------------------------
/dist/vue-modal.umd.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack://vue-modal/webpack/universalModuleDefinition","webpack://vue-modal/webpack/bootstrap","webpack://vue-modal/./src/components/Modal.vue?e6d3","webpack://vue-modal/./node_modules/core-js/modules/_dom-create.js","webpack://vue-modal/./node_modules/css-loader/lib/css-base.js","webpack://vue-modal/./node_modules/vue-style-loader/lib/listToStyles.js","webpack://vue-modal/./node_modules/vue-style-loader/lib/addStylesClient.js","webpack://vue-modal/./node_modules/core-js/modules/_to-primitive.js","webpack://vue-modal/./node_modules/core-js/modules/_global.js","webpack://vue-modal/./node_modules/core-js/modules/_fails.js","webpack://vue-modal/./node_modules/core-js/modules/es6.function.name.js","webpack://vue-modal/./node_modules/core-js/modules/_object-dp.js","webpack://vue-modal/./src/components/Modal.vue?9f8e","webpack://vue-modal/external {\"commonjs\":\"vue\",\"commonjs2\":\"vue\",\"root\":\"Vue\"}","webpack://vue-modal/./node_modules/core-js/modules/_descriptors.js","webpack://vue-modal/./src/components/Modal.vue?7c85","webpack://vue-modal/./node_modules/core-js/modules/_ie8-dom-define.js","webpack://vue-modal/./node_modules/core-js/modules/_an-object.js","webpack://vue-modal/./node_modules/core-js/modules/_is-object.js","webpack://vue-modal/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://vue-modal/./src/components/Modal.vue?cd59","webpack://vue-modal/src/components/Modal.vue","webpack://vue-modal/./src/components/Modal.vue?cf53","webpack://vue-modal/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://vue-modal/./src/components/Modal.vue","webpack://vue-modal/./src/components/index.js","webpack://vue-modal/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["Vue","component","Modal","name"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;ACVA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA,kDAA0C,gCAAgC;AAC1E;AACA;;AAEA;AACA;AACA;AACA,gEAAwD,kBAAkB;AAC1E;AACA,yDAAiD,cAAc;AAC/D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAyC,iCAAiC;AAC1E,wHAAgH,mBAAmB,EAAE;AACrI;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;;AAGA;AACA;;;;;;;;AClFA,2BAA2B,mBAAO,CAAC,MAA+C;AAClF;;;AAGA;AACA,cAAc,QAAS,6BAA6B,gCAAgC,YAAY,WAAW,eAAe,MAAM,SAAS,QAAQ,OAAO,aAAa,wEAAwE,+BAA+B,uBAAuB,6DAA6D,UAAU;;AAE1W;;;;;;;;ACPA,eAAe,mBAAO,CAAC,MAAc;AACrC,eAAe,mBAAO,CAAC,MAAW;AAClC;AACA;AACA;AACA;AACA;;;;;;;;ACNA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,mCAAmC,gBAAgB;AACnD,IAAI;AACJ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,YAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,GAAG;;AAEH;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,oDAAoD,cAAc;;AAElE;AACA;;;;;;;;;;;;AC3EA;AACA;AACA;AACA;AACe;AACf;AACA;AACA,iBAAiB,iBAAiB;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,wBAAwB;AAC3D,KAAK;AACL;AACA;AACA;AACA;AACA;;;AC1BA;AAAA;AACA;AACA;AACA;AACA;;AAEyC;;AAEzC;;AAEA;AACA;AACA;AACA;AACA,UAAU,iBAAiB;AAC3B;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEe;AACf;;AAEA;;AAEA,eAAe,YAAY;AAC3B;;AAEA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,YAAY;AAC3B;AACA,KAAK;AACL;AACA;AACA,mBAAmB,sBAAsB;AACzC;AACA;AACA,uBAAuB,2BAA2B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;AACA,qBAAqB,2BAA2B;AAChD;AACA;AACA,YAAY,uBAAuB;AACnC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,qBAAqB,uBAAuB;AAC5C;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,CAAC;;AAED;AACA;;AAEA;A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;AACA,KAhBA;AAiBA,aAjBA,uBAiBA;AACA;AACA;AAnBA;AA9BA,G;;AChD+T,CAAgB,0GAAG,EAAC,C;;;;;ACAnV;;AAEA;AACA;AACA;;AAEe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA,qBAAqB;AACrB;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;AC5FgG;AACvC;AACL;AACsC;;;AAG1F;AAC0F;AAC1F,gBAAgB,kBAAU;AAC1B,EAAE,wCAAM;AACR,EAAE,MAAM;AACR,EAAE,eAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEe,2D;;;ACnBf;AACA;AAEAA,sDAAG,CAACC,SAAJ,CAAcC,KAAK,CAACC,IAApB,EAA0BD,KAA1B;AAEeA,oDAAf,E;;ACLwB;AACA;AACT,yFAAG;AACI","file":"vue-modal.umd.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"vue\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vue-modal\"] = factory(require(\"vue\"));\n\telse\n\t\troot[\"vue-modal\"] = factory(root[\"Vue\"]);\n})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__8bbf__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".overlay[data-v-03833336]{background-color:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.fade-enter-active[data-v-03833336],.fade-leave-active[data-v-03833336]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-03833336],.fade-leave-to[data-v-03833336]{opacity:0}\", \"\"]);\n\n// exports\n","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n  return is ? document.createElement(it) : {};\n};\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n  if (!isObject(it)) return it;\n  var fn, val;\n  if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  throw TypeError(\"Can't convert object to primitive value\");\n};\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n  ? window : typeof self != 'undefined' && self.Math == Math ? self\n  // eslint-disable-next-line no-new-func\n  : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","module.exports = function (exec) {\n  try {\n    return !!exec();\n  } catch (e) {\n    return true;\n  }\n};\n","var dP = require('./_object-dp').f;\nvar FProto = Function.prototype;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// 19.2.4.2 name\nNAME in FProto || require('./_descriptors') && dP(FProto, NAME, {\n  configurable: true,\n  get: function () {\n    try {\n      return ('' + this).match(nameRE)[1];\n    } catch (e) {\n      return '';\n    }\n  }\n});\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n  anObject(O);\n  P = toPrimitive(P, true);\n  anObject(Attributes);\n  if (IE8_DOM_DEFINE) try {\n    return dP(O, P, Attributes);\n  } catch (e) { /* empty */ }\n  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n  if ('value' in Attributes) O[P] = Attributes.value;\n  return O;\n};\n","import mod from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"","module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"192a2e99\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n  return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n  if (!isObject(it)) throw TypeError(it + ' is not an object!');\n  return it;\n};\n","module.exports = function (it) {\n  return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.multiple)?_c('div',[_c('button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleModal($event)}}},[_vm._v(_vm._s(_vm.btnText))])]):_c('div',{staticClass:\"btns-wrapper\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"modal-\" + i),staticClass:\"btn-wrapper\"},[_c('button',{on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(i); _vm.beforeOpen()}}},[_vm._v(_vm._s(modal.btnText))])])}),0),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.modalVisible)?_c('div',{staticClass:\"overlay\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.toggleModal(); _vm.beforeClose()}}},[(_vm.closeBtn)?_c('button',{staticClass:\"close\",on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(!_vm.multiple)?_c('div',{staticClass:\"modal\"},[(!_vm.modalContent)?_vm._t(\"default\"):_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.modalContent)}})],2):_c('div',{staticClass:\"modals\"},[_c('div',{staticClass:\"content\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"content-\" + i)},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.clickedBtn === i)?_c('div',{domProps:{\"innerHTML\":_vm._s(modal.modalContent)}}):_vm._e()])],1)}),0),(_vm.showNav)?_c('div',{staticClass:\"navigation\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"btn-\" + i)},[_c('button',{class:_vm.clickedBtn === i ? 'active' : '',on:{\"click\":function($event){$event.stopPropagation();return _vm.switchContent(i)}}},[_vm._v(\"\\n              \"+_vm._s(modal.btnText)+\"\\n            \")])])}),0):_vm._e(),(_vm.showArrows)?_c('div',{staticClass:\"navigation-arrows\"},[(_vm.clickedBtn !== 0)?_c('button',{staticClass:\"prev-arrow\",domProps:{\"innerHTML\":_vm._s(_vm.arrowPrevContent)},on:{\"click\":_vm.prevModal}}):_vm._e(),(_vm.showArrowsCloseBtn)?_c('button',{staticClass:\"close\",on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(_vm.clickedBtn !== (_vm.modals.length - 1) )?_c('button',{staticClass:\"next-arrow\",domProps:{\"innerHTML\":_vm._s(_vm.arrowNextContent)},on:{\"click\":_vm.nextModal}}):_vm._e()]):_vm._e()])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!multiple\">\n      <button @click.stop=\"toggleModal\">{{btnText}}</button>\n    </div>\n    <div v-else class=\"btns-wrapper\">\n      <div v-for=\"(modal,i) in modals\" :key=\"`modal-${i}`\"  class=\"btn-wrapper\">\n        <button @click.stop=\"toggleModal(i); beforeOpen()\">{{modal.btnText}}</button>\n      </div>\n    </div>\n    <transition name=\"fade\">\n      <div class=\"overlay\" v-if=\"modalVisible\" @click.self=\"toggleModal(); beforeClose()\">\n        <button class=\"close\" v-if=\"closeBtn\" @click.stop=\"toggleModal(); beforeClose()\">\n          <div v-html=\"closeBtnContent\"></div>\n        </button>\n        <div v-if=\"!multiple\" class=\"modal\">\n          <slot v-if=\"!modalContent\"></slot>\n          <div v-else v-html=\"modalContent\"></div>\n        </div>\n        <div v-else class=\"modals\">\n          <div class=\"content\">\n            <div v-for=\"(modal,i) in modals\" :key=\"`content-${i}`\">\n                <transition name=\"fade\">\n                    <div v-if=\"clickedBtn === i\" v-html=\"modal.modalContent\"></div>\n                </transition>\n            </div>\n          </div>\n          <div class=\"navigation\" v-if=\"showNav\">\n            <div v-for=\"(modal,i) in modals\" :key=\"`btn-${i}`\">\n              <button :class=\"clickedBtn === i ? 'active' : '' \" @click.stop=\"switchContent(i)\">\n                {{modal.btnText}}\n              </button>\n            </div>\n          </div>\n          <div class=\"navigation-arrows\" v-if=\"showArrows\">\n            <button class=\"prev-arrow\" v-if=\"clickedBtn !== 0\" @click=\"prevModal\" v-html=\"arrowPrevContent\"></button>\n            <button class=\"close\" v-if=\"showArrowsCloseBtn\" @click.stop=\"toggleModal(); beforeClose()\">\n              <div v-html=\"closeBtnContent\"></div>\n            </button>\n            <button class=\"next-arrow\" v-if=\"clickedBtn !== (modals.length - 1) \" @click=\"nextModal\" v-html=\"arrowNextContent\"></button>\n          </div>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      modalVisible: false,\n      clickedBtn: 0\n    };\n  },\n  name: \"Modal\",\n  props: {\n    btnText: String,\n    modalContent: String,\n    closeBtn: Boolean,\n    closeBtnContent: {\n      type: String,\n      default: \"X\"\n    },\n    multiple: Boolean,\n    modals: Array,\n    showNav: Boolean,\n    showArrows: Boolean,\n    showArrowsCloseBtn: Boolean,\n    arrowPrevContent: {\n      type: String,\n      default: \"<\"\n    },\n    arrowNextContent: {\n      type: String,\n      default: \">\"\n    }\n  },\n  methods: {\n    beforeOpen() {\n      this.$emit(\"before-open\");\n    },\n    beforeClose() {\n      this.$emit(\"before-close\");\n    },\n    toggleModal(i) {\n      this.modalVisible = !this.modalVisible;\n      this.clickedBtn = i;\n    },\n    switchContent(i) {\n      this.clickedBtn = i;\n    },\n    prevModal() {\n      this.clickedBtn > 0 ? (this.clickedBtn -= 1) : \"\";\n    },\n    nextModal() {\n      this.clickedBtn < this.modals.length - 1 ? (this.clickedBtn += 1) : \"\";\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.overlay {\n  background-color: rgba(0, 0, 0, 0.8);\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n//Transitions\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=03833336&scoped=true&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03833336\",\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\"\nimport Modal from './Modal.vue'\n\nVue.component(Modal.name, Modal)\n\nexport default Modal","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}


--------------------------------------------------------------------------------
/dist/vue-modal.umd.min.js:
--------------------------------------------------------------------------------
1 | (function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e(require("vue")):"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-modal"]=e(require("vue")):t["vue-modal"]=e(t["Vue"])})("undefined"!==typeof self?self:this,function(t){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"07b6":function(t,e,n){e=t.exports=n("2350")(!1),e.push([t.i,".overlay[data-v-03833336]{background-color:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.fade-enter-active[data-v-03833336],.fade-leave-active[data-v-03833336]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-03833336],.fade-leave-to[data-v-03833336]{opacity:0}",""])},"230e":function(t,e,n){var o=n("d3f4"),r=n("7726").document,i=o(r)&&o(r.createElement);t.exports=function(t){return i?r.createElement(t):{}}},2350:function(t,e){function n(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"===typeof btoa){var i=o(r),a=r.sources.map(function(t){return"/*# sourceURL="+r.sourceRoot+t+" */"});return[n].concat(a).concat([i]).join("\n")}return[n].join("\n")}function o(t){var e=btoa(unescape(encodeURIComponent(JSON.stringify(t)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,"+e;return"/*# "+n+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var o=n(e,t);return e[2]?"@media "+e[2]+"{"+o+"}":o}).join("")},e.i=function(t,n){"string"===typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var i=this[r][0];"number"===typeof i&&(o[i]=!0)}for(r=0;r<t.length;r++){var a=t[r];"number"===typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},"499e":function(t,e,n){"use strict";function o(t,e){for(var n=[],o={},r=0;r<e.length;r++){var i=e[r],a=i[0],s=i[1],c=i[2],u=i[3],l={id:t+":"+r,css:s,media:c,sourceMap:u};o[a]?o[a].parts.push(l):n.push(o[a]={id:a,parts:[l]})}return n}n.r(e),n.d(e,"default",function(){return v});var r="undefined"!==typeof document;if("undefined"!==typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var i={},a=r&&(document.head||document.getElementsByTagName("head")[0]),s=null,c=0,u=!1,l=function(){},f=null,d="data-vue-ssr-id",p="undefined"!==typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function v(t,e,n,r){u=n,f=r||{};var a=o(t,e);return h(a),function(e){for(var n=[],r=0;r<a.length;r++){var s=a[r],c=i[s.id];c.refs--,n.push(c)}e?(a=o(t,e),h(a)):a=[];for(r=0;r<n.length;r++){c=n[r];if(0===c.refs){for(var u=0;u<c.parts.length;u++)c.parts[u]();delete i[c.id]}}}}function h(t){for(var e=0;e<t.length;e++){var n=t[e],o=i[n.id];if(o){o.refs++;for(var r=0;r<o.parts.length;r++)o.parts[r](n.parts[r]);for(;r<n.parts.length;r++)o.parts.push(b(n.parts[r]));o.parts.length>n.parts.length&&(o.parts.length=n.parts.length)}else{var a=[];for(r=0;r<n.parts.length;r++)a.push(b(n.parts[r]));i[n.id]={id:n.id,refs:1,parts:a}}}}function m(){var t=document.createElement("style");return t.type="text/css",a.appendChild(t),t}function b(t){var e,n,o=document.querySelector("style["+d+'~="'+t.id+'"]');if(o){if(u)return l;o.parentNode.removeChild(o)}if(p){var r=c++;o=s||(s=m()),e=y.bind(null,o,r,!1),n=y.bind(null,o,r,!0)}else o=m(),e=_.bind(null,o),n=function(){o.parentNode.removeChild(o)};return e(t),function(o){if(o){if(o.css===t.css&&o.media===t.media&&o.sourceMap===t.sourceMap)return;e(t=o)}else n()}}var g=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}();function y(t,e,n,o){var r=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=g(e,r);else{var i=document.createTextNode(r),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function _(t,e){var n=e.css,o=e.media,r=e.sourceMap;if(o&&t.setAttribute("media",o),f.ssrId&&t.setAttribute(d,e.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),t.styleSheet)t.styleSheet.cssText=n;else{while(t.firstChild)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}},"6a99":function(t,e,n){var o=n("d3f4");t.exports=function(t,e){if(!o(t))return t;var n,r;if(e&&"function"==typeof(n=t.toString)&&!o(r=n.call(t)))return r;if("function"==typeof(n=t.valueOf)&&!o(r=n.call(t)))return r;if(!e&&"function"==typeof(n=t.toString)&&!o(r=n.call(t)))return r;throw TypeError("Can't convert object to primitive value")}},7726:function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},"79e5":function(t,e){t.exports=function(t){try{return!!t()}catch(e){return!0}}},"7f7f":function(t,e,n){var o=n("86cc").f,r=Function.prototype,i=/^\s*function ([^ (]*)/,a="name";a in r||n("9e1e")&&o(r,a,{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(t){return""}}})},"86cc":function(t,e,n){var o=n("cb7c"),r=n("c69a"),i=n("6a99"),a=Object.defineProperty;e.f=n("9e1e")?Object.defineProperty:function(t,e,n){if(o(t),e=i(e,!0),o(n),r)try{return a(t,e,n)}catch(s){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},8744:function(t,e,n){"use strict";var o=n("bf17"),r=n.n(o);r.a},"8bbf":function(e,n){e.exports=t},"9e1e":function(t,e,n){t.exports=!n("79e5")(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},bf17:function(t,e,n){var o=n("07b6");"string"===typeof o&&(o=[[t.i,o,""]]),o.locals&&(t.exports=o.locals);var r=n("499e").default;r("192a2e99",o,!0,{sourceMap:!1,shadowMode:!1})},c69a:function(t,e,n){t.exports=!n("9e1e")&&!n("79e5")(function(){return 7!=Object.defineProperty(n("230e")("div"),"a",{get:function(){return 7}}).a})},cb7c:function(t,e,n){var o=n("d3f4");t.exports=function(t){if(!o(t))throw TypeError(t+" is not an object!");return t}},d3f4:function(t,e){t.exports=function(t){return"object"===typeof t?null!==t:"function"===typeof t}},fb15:function(t,e,n){"use strict";var o;(n.r(e),"undefined"!==typeof window)&&((o=window.document.currentScript)&&(o=o.src.match(/(.+\/)[^\/]+\.js(\?.*)?$/))&&(n.p=o[1]));n("7f7f");var r=n("8bbf"),i=n.n(r),a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[t.multiple?n("div",{staticClass:"btns-wrapper"},t._l(t.modals,function(e,o){return n("div",{key:"modal-"+o,staticClass:"btn-wrapper"},[n("button",{on:{click:function(e){e.stopPropagation(),t.toggleModal(o),t.beforeOpen()}}},[t._v(t._s(e.btnText))])])}),0):n("div",[n("button",{on:{click:function(e){return e.stopPropagation(),t.toggleModal(e)}}},[t._v(t._s(t.btnText))])]),n("transition",{attrs:{name:"fade"}},[t.modalVisible?n("div",{staticClass:"overlay",on:{click:function(e){if(e.target!==e.currentTarget)return null;t.toggleModal(),t.beforeClose()}}},[t.closeBtn?n("button",{staticClass:"close",on:{click:function(e){e.stopPropagation(),t.toggleModal(),t.beforeClose()}}},[n("div",{domProps:{innerHTML:t._s(t.closeBtnContent)}})]):t._e(),t.multiple?n("div",{staticClass:"modals"},[n("div",{staticClass:"content"},t._l(t.modals,function(e,o){return n("div",{key:"content-"+o},[n("transition",{attrs:{name:"fade"}},[t.clickedBtn===o?n("div",{domProps:{innerHTML:t._s(e.modalContent)}}):t._e()])],1)}),0),t.showNav?n("div",{staticClass:"navigation"},t._l(t.modals,function(e,o){return n("div",{key:"btn-"+o},[n("button",{class:t.clickedBtn===o?"active":"",on:{click:function(e){return e.stopPropagation(),t.switchContent(o)}}},[t._v("\n              "+t._s(e.btnText)+"\n            ")])])}),0):t._e(),t.showArrows?n("div",{staticClass:"navigation-arrows"},[0!==t.clickedBtn?n("button",{staticClass:"prev-arrow",domProps:{innerHTML:t._s(t.arrowPrevContent)},on:{click:t.prevModal}}):t._e(),t.showArrowsCloseBtn?n("button",{staticClass:"close",on:{click:function(e){e.stopPropagation(),t.toggleModal(),t.beforeClose()}}},[n("div",{domProps:{innerHTML:t._s(t.closeBtnContent)}})]):t._e(),t.clickedBtn!==t.modals.length-1?n("button",{staticClass:"next-arrow",domProps:{innerHTML:t._s(t.arrowNextContent)},on:{click:t.nextModal}}):t._e()]):t._e()]):n("div",{staticClass:"modal"},[t.modalContent?n("div",{domProps:{innerHTML:t._s(t.modalContent)}}):t._t("default")],2)]):t._e()])],1)},s=[],c={data:function(){return{modalVisible:!1,clickedBtn:0}},name:"Modal",props:{btnText:String,modalContent:String,closeBtn:Boolean,closeBtnContent:{type:String,default:"X"},multiple:Boolean,modals:Array,showNav:Boolean,showArrows:Boolean,showArrowsCloseBtn:Boolean,arrowPrevContent:{type:String,default:"<"},arrowNextContent:{type:String,default:">"}},methods:{beforeOpen:function(){this.$emit("before-open")},beforeClose:function(){this.$emit("before-close")},toggleModal:function(t){this.modalVisible=!this.modalVisible,this.clickedBtn=t},switchContent:function(t){this.clickedBtn=t},prevModal:function(){this.clickedBtn>0&&(this.clickedBtn-=1)},nextModal:function(){this.clickedBtn<this.modals.length-1&&(this.clickedBtn+=1)}}},u=c;n("8744");function l(t,e,n,o,r,i,a,s){var c,u="function"===typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),i&&(u._scopeId="data-v-"+i),a?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},u._ssrRegister=c):r&&(c=s?function(){r.call(this,this.$root.$options.shadowRoot)}:r),c)if(u.functional){u._injectStyles=c;var l=u.render;u.render=function(t,e){return c.call(e),l(t,e)}}else{var f=u.beforeCreate;u.beforeCreate=f?[].concat(f,c):[c]}return{exports:t,options:u}}var f=l(u,a,s,!1,null,"03833336",null),d=f.exports;i.a.component(d.name,d);var p=d;e["default"]=p}})});
2 | //# sourceMappingURL=vue-modal.umd.min.js.map


--------------------------------------------------------------------------------
/dist/vue-modal.umd.min.js.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["webpack://vue-modal/webpack/universalModuleDefinition","webpack://vue-modal/webpack/bootstrap","webpack://vue-modal/./src/components/Modal.vue?e6d3","webpack://vue-modal/./node_modules/core-js/modules/_dom-create.js","webpack://vue-modal/./node_modules/css-loader/lib/css-base.js","webpack://vue-modal/./node_modules/vue-style-loader/lib/listToStyles.js","webpack://vue-modal/./node_modules/vue-style-loader/lib/addStylesClient.js","webpack://vue-modal/./node_modules/core-js/modules/_to-primitive.js","webpack://vue-modal/./node_modules/core-js/modules/_global.js","webpack://vue-modal/./node_modules/core-js/modules/_fails.js","webpack://vue-modal/./node_modules/core-js/modules/es6.function.name.js","webpack://vue-modal/./node_modules/core-js/modules/_object-dp.js","webpack://vue-modal/./src/components/Modal.vue?9f8e","webpack://vue-modal/external {\"commonjs\":\"vue\",\"commonjs2\":\"vue\",\"root\":\"Vue\"}","webpack://vue-modal/./node_modules/core-js/modules/_descriptors.js","webpack://vue-modal/./src/components/Modal.vue?7c85","webpack://vue-modal/./node_modules/core-js/modules/_ie8-dom-define.js","webpack://vue-modal/./node_modules/core-js/modules/_an-object.js","webpack://vue-modal/./node_modules/core-js/modules/_is-object.js","webpack://vue-modal/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://vue-modal/./src/components/Modal.vue?cd59","webpack://vue-modal/src/components/Modal.vue","webpack://vue-modal/./src/components/Modal.vue?cf53","webpack://vue-modal/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://vue-modal/./src/components/Modal.vue","webpack://vue-modal/./src/components/index.js","webpack://vue-modal/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"names":["root","factory","exports","module","require","define","amd","self","this","__WEBPACK_EXTERNAL_MODULE__8bbf__","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","push","isObject","document","is","createElement","it","cssWithMappingToString","item","useSourceMap","content","cssMapping","btoa","sourceMapping","toComment","sourceURLs","sources","map","source","sourceRoot","concat","join","sourceMap","base64","unescape","encodeURIComponent","JSON","stringify","data","list","toString","mediaQuery","alreadyImportedModules","length","id","listToStyles","parentId","styles","newStyles","css","media","part","parts","__webpack_exports__","addStylesClient","hasDocument","DEBUG","Error","stylesInDom","head","getElementsByTagName","singletonElement","singletonCounter","isProduction","noop","options","ssrIdKey","isOldIE","navigator","test","userAgent","toLowerCase","_isProduction","_options","addStylesToDom","newList","mayRemove","domStyle","refs","j","addStyle","createStyleElement","styleElement","type","appendChild","obj","update","remove","querySelector","parentNode","removeChild","styleIndex","applyToSingletonTag","applyToTag","newObj","replaceText","textStore","index","replacement","filter","Boolean","styleSheet","cssText","cssNode","createTextNode","childNodes","insertBefore","setAttribute","ssrId","firstChild","S","fn","val","valueOf","TypeError","global","window","Math","Function","__g","exec","e","dP","f","FProto","nameRE","NAME","configurable","match","anObject","IE8_DOM_DEFINE","toPrimitive","O","P","Attributes","_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0__","_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_03833336_scoped_true_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","a","locals","add","default","shadowMode","currentScript","src","render","_vm","_h","$createElement","_c","_self","multiple","staticClass","_l","modal","on","click","$event","stopPropagation","toggleModal","beforeOpen","_v","_s","btnText","attrs","target","currentTarget","beforeClose","domProps","innerHTML","closeBtnContent","_e","clickedBtn","modalContent","class","switchContent","arrowPrevContent","prevModal","modals","arrowNextContent","nextModal","_t","staticRenderFns","Modalvue_type_script_lang_js_","modalVisible","props","String","closeBtn","Array","showNav","showArrows","showArrowsCloseBtn","methods","$emit","components_Modalvue_type_script_lang_js_","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","hook","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","component","Modal","Vue"],"mappings":"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","file":"vue-modal.umd.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"vue\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"vue-modal\"] = factory(require(\"vue\"));\n\telse\n\t\troot[\"vue-modal\"] = factory(root[\"Vue\"]);\n})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__8bbf__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = \"fb15\");\n","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".overlay[data-v-03833336]{background-color:rgba(0,0,0,.8);height:100%;width:100%;position:fixed;top:0;bottom:0;right:0;left:0;z-index:9999}.fade-enter-active[data-v-03833336],.fade-leave-active[data-v-03833336]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-03833336],.fade-leave-to[data-v-03833336]{opacity:0}\", \"\"]);\n\n// exports\n","var isObject = require('./_is-object');\nvar document = require('./_global').document;\n// typeof document.createElement is 'object' in old IE\nvar is = isObject(document) && isObject(document.createElement);\nmodule.exports = function (it) {\n  return is ? document.createElement(it) : {};\n};\n","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nexport default function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nimport listToStyles from './listToStyles'\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\nvar options = null\nvar ssrIdKey = 'data-vue-ssr-id'\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nexport default function addStylesClient (parentId, list, _isProduction, _options) {\n  isProduction = _isProduction\n\n  options = _options || {}\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[' + ssrIdKey + '~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n  if (options.ssrId) {\n    styleElement.setAttribute(ssrIdKey, obj.id)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n","// 7.1.1 ToPrimitive(input [, PreferredType])\nvar isObject = require('./_is-object');\n// instead of the ES6 spec version, we didn't implement @@toPrimitive case\n// and the second argument - flag - preferred type is a string\nmodule.exports = function (it, S) {\n  if (!isObject(it)) return it;\n  var fn, val;\n  if (S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (typeof (fn = it.valueOf) == 'function' && !isObject(val = fn.call(it))) return val;\n  if (!S && typeof (fn = it.toString) == 'function' && !isObject(val = fn.call(it))) return val;\n  throw TypeError(\"Can't convert object to primitive value\");\n};\n","// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028\nvar global = module.exports = typeof window != 'undefined' && window.Math == Math\n  ? window : typeof self != 'undefined' && self.Math == Math ? self\n  // eslint-disable-next-line no-new-func\n  : Function('return this')();\nif (typeof __g == 'number') __g = global; // eslint-disable-line no-undef\n","module.exports = function (exec) {\n  try {\n    return !!exec();\n  } catch (e) {\n    return true;\n  }\n};\n","var dP = require('./_object-dp').f;\nvar FProto = Function.prototype;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// 19.2.4.2 name\nNAME in FProto || require('./_descriptors') && dP(FProto, NAME, {\n  configurable: true,\n  get: function () {\n    try {\n      return ('' + this).match(nameRE)[1];\n    } catch (e) {\n      return '';\n    }\n  }\n});\n","var anObject = require('./_an-object');\nvar IE8_DOM_DEFINE = require('./_ie8-dom-define');\nvar toPrimitive = require('./_to-primitive');\nvar dP = Object.defineProperty;\n\nexports.f = require('./_descriptors') ? Object.defineProperty : function defineProperty(O, P, Attributes) {\n  anObject(O);\n  P = toPrimitive(P, true);\n  anObject(Attributes);\n  if (IE8_DOM_DEFINE) try {\n    return dP(O, P, Attributes);\n  } catch (e) { /* empty */ }\n  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');\n  if ('value' in Attributes) O[P] = Attributes.value;\n  return O;\n};\n","import mod from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"","module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;","// Thank's IE8 for his funny defineProperty\nmodule.exports = !require('./_fails')(function () {\n  return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7;\n});\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"192a2e99\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","module.exports = !require('./_descriptors') && !require('./_fails')(function () {\n  return Object.defineProperty(require('./_dom-create')('div'), 'a', { get: function () { return 7; } }).a != 7;\n});\n","var isObject = require('./_is-object');\nmodule.exports = function (it) {\n  if (!isObject(it)) throw TypeError(it + ' is not an object!');\n  return it;\n};\n","module.exports = function (it) {\n  return typeof it === 'object' ? it !== null : typeof it === 'function';\n};\n","// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var i\n  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/))) {\n    __webpack_public_path__ = i[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.multiple)?_c('div',[_c('button',{on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleModal($event)}}},[_vm._v(_vm._s(_vm.btnText))])]):_c('div',{staticClass:\"btns-wrapper\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"modal-\" + i),staticClass:\"btn-wrapper\"},[_c('button',{on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(i); _vm.beforeOpen()}}},[_vm._v(_vm._s(modal.btnText))])])}),0),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.modalVisible)?_c('div',{staticClass:\"overlay\",on:{\"click\":function($event){if($event.target !== $event.currentTarget){ return null; }_vm.toggleModal(); _vm.beforeClose()}}},[(_vm.closeBtn)?_c('button',{staticClass:\"close\",on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(!_vm.multiple)?_c('div',{staticClass:\"modal\"},[(!_vm.modalContent)?_vm._t(\"default\"):_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.modalContent)}})],2):_c('div',{staticClass:\"modals\"},[_c('div',{staticClass:\"content\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"content-\" + i)},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.clickedBtn === i)?_c('div',{domProps:{\"innerHTML\":_vm._s(modal.modalContent)}}):_vm._e()])],1)}),0),(_vm.showNav)?_c('div',{staticClass:\"navigation\"},_vm._l((_vm.modals),function(modal,i){return _c('div',{key:(\"btn-\" + i)},[_c('button',{class:_vm.clickedBtn === i ? 'active' : '',on:{\"click\":function($event){$event.stopPropagation();return _vm.switchContent(i)}}},[_vm._v(\"\\n              \"+_vm._s(modal.btnText)+\"\\n            \")])])}),0):_vm._e(),(_vm.showArrows)?_c('div',{staticClass:\"navigation-arrows\"},[(_vm.clickedBtn !== 0)?_c('button',{staticClass:\"prev-arrow\",domProps:{\"innerHTML\":_vm._s(_vm.arrowPrevContent)},on:{\"click\":_vm.prevModal}}):_vm._e(),(_vm.showArrowsCloseBtn)?_c('button',{staticClass:\"close\",on:{\"click\":function($event){$event.stopPropagation();_vm.toggleModal(); _vm.beforeClose()}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.closeBtnContent)}})]):_vm._e(),(_vm.clickedBtn !== (_vm.modals.length - 1) )?_c('button',{staticClass:\"next-arrow\",domProps:{\"innerHTML\":_vm._s(_vm.arrowNextContent)},on:{\"click\":_vm.nextModal}}):_vm._e()]):_vm._e()])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!multiple\">\n      <button @click.stop=\"toggleModal\">{{btnText}}</button>\n    </div>\n    <div v-else class=\"btns-wrapper\">\n      <div v-for=\"(modal,i) in modals\" :key=\"`modal-${i}`\"  class=\"btn-wrapper\">\n        <button @click.stop=\"toggleModal(i); beforeOpen()\">{{modal.btnText}}</button>\n      </div>\n    </div>\n    <transition name=\"fade\">\n      <div class=\"overlay\" v-if=\"modalVisible\" @click.self=\"toggleModal(); beforeClose()\">\n        <button class=\"close\" v-if=\"closeBtn\" @click.stop=\"toggleModal(); beforeClose()\">\n          <div v-html=\"closeBtnContent\"></div>\n        </button>\n        <div v-if=\"!multiple\" class=\"modal\">\n          <slot v-if=\"!modalContent\"></slot>\n          <div v-else v-html=\"modalContent\"></div>\n        </div>\n        <div v-else class=\"modals\">\n          <div class=\"content\">\n            <div v-for=\"(modal,i) in modals\" :key=\"`content-${i}`\">\n                <transition name=\"fade\">\n                    <div v-if=\"clickedBtn === i\" v-html=\"modal.modalContent\"></div>\n                </transition>\n            </div>\n          </div>\n          <div class=\"navigation\" v-if=\"showNav\">\n            <div v-for=\"(modal,i) in modals\" :key=\"`btn-${i}`\">\n              <button :class=\"clickedBtn === i ? 'active' : '' \" @click.stop=\"switchContent(i)\">\n                {{modal.btnText}}\n              </button>\n            </div>\n          </div>\n          <div class=\"navigation-arrows\" v-if=\"showArrows\">\n            <button class=\"prev-arrow\" v-if=\"clickedBtn !== 0\" @click=\"prevModal\" v-html=\"arrowPrevContent\"></button>\n            <button class=\"close\" v-if=\"showArrowsCloseBtn\" @click.stop=\"toggleModal(); beforeClose()\">\n              <div v-html=\"closeBtnContent\"></div>\n            </button>\n            <button class=\"next-arrow\" v-if=\"clickedBtn !== (modals.length - 1) \" @click=\"nextModal\" v-html=\"arrowNextContent\"></button>\n          </div>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      modalVisible: false,\n      clickedBtn: 0\n    };\n  },\n  name: \"Modal\",\n  props: {\n    btnText: String,\n    modalContent: String,\n    closeBtn: Boolean,\n    closeBtnContent: {\n      type: String,\n      default: \"X\"\n    },\n    multiple: Boolean,\n    modals: Array,\n    showNav: Boolean,\n    showArrows: Boolean,\n    showArrowsCloseBtn: Boolean,\n    arrowPrevContent: {\n      type: String,\n      default: \"<\"\n    },\n    arrowNextContent: {\n      type: String,\n      default: \">\"\n    }\n  },\n  methods: {\n    beforeOpen() {\n      this.$emit(\"before-open\");\n    },\n    beforeClose() {\n      this.$emit(\"before-close\");\n    },\n    toggleModal(i) {\n      this.modalVisible = !this.modalVisible;\n      this.clickedBtn = i;\n    },\n    switchContent(i) {\n      this.clickedBtn = i;\n    },\n    prevModal() {\n      this.clickedBtn > 0 ? (this.clickedBtn -= 1) : \"\";\n    },\n    nextModal() {\n      this.clickedBtn < this.modals.length - 1 ? (this.clickedBtn += 1) : \"\";\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.overlay {\n  background-color: rgba(0, 0, 0, 0.8);\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 9999;\n}\n\n//Transitions\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Modal.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n  scriptExports,\n  render,\n  staticRenderFns,\n  functionalTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier, /* server only */\n  shadowMode /* vue-cli only */\n) {\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (render) {\n    options.render = render\n    options.staticRenderFns = staticRenderFns\n    options._compiled = true\n  }\n\n  // functional template\n  if (functionalTemplate) {\n    options.functional = true\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = 'data-v-' + scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = shadowMode\n      ? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }\n      : injectStyles\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // for template-only hot-reload because in that case the render fn doesn't\n      // go through the normalizer\n      options._injectStyles = hook\n      // register for functioal component in vue file\n      var originalRender = options.render\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return originalRender(h, context)\n      }\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    }\n  }\n\n  return {\n    exports: scriptExports,\n    options: options\n  }\n}\n","import { render, staticRenderFns } from \"./Modal.vue?vue&type=template&id=03833336&scoped=true&\"\nimport script from \"./Modal.vue?vue&type=script&lang=js&\"\nexport * from \"./Modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Modal.vue?vue&type=style&index=0&id=03833336&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03833336\",\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\"\nimport Modal from './Modal.vue'\n\nVue.component(Modal.name, Modal)\n\nexport default Modal","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"sourceRoot":""}


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   moduleFileExtensions: ['js', 'jsx', 'json', 'vue'],
 3 |   transform: {
 4 |     '^.+\\.vue$': 'vue-jest',
 5 |     '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
 6 |     '^.+\\.jsx?$': 'babel-jest',
 7 |     '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub'
 8 |   },
 9 |   moduleNameMapper: {
10 |     '^@/(.*)$': '<rootDir>/src/$1'
11 |   },
12 |   snapshotSerializers: ['jest-serializer-vue'],
13 |   testMatch: [
14 |     '**/test/unit/**/*.spec.(js|jsx|ts|tsx)|**/__test__/*.(js|jsx|ts|tsx)'
15 |   ],
16 |   testURL: 'http://localhost/',
17 |   transformIgnorePatterns: ['/node_modules(?![\\\\/]vue-awesome[\\\\/])/']
18 | }
19 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@melmacaluso/vue-modal",
 3 |   "version": "0.0.0-development",
 4 |   "private": false,
 5 |   "author": {
 6 |     "name": "Mel Macaluso"
 7 |   },
 8 |   "scripts": {
 9 |     "commit": "git-cz",
10 |     "serve": "vue-cli-service serve",
11 |     "build": "vue-cli-service build",
12 |     "lint": "vue-cli-service lint",
13 |     "build-lib": "vue-cli-service build --target lib --name vue-modal ./src/components/index.js",
14 |     "test:unit": "vue-cli-service test:unit",
15 |     "test:unit-watch": "vue-cli-service test:unit --watch",
16 |     "semantic-release": "semantic-release"
17 |   },
18 |   "dependencies": {
19 |     "vue": "^2.6.6"
20 |   },
21 |   "devDependencies": {
22 |     "@vue/cli-plugin-babel": "^3.4.0",
23 |     "@vue/cli-plugin-eslint": "^3.4.0",
24 |     "@vue/cli-plugin-unit-jest": "^3.4.1",
25 |     "@vue/cli-service": "^3.4.0",
26 |     "@vue/test-utils": "^1.0.0-beta.29",
27 |     "babel-core": "7.0.0-bridge.0",
28 |     "babel-eslint": "^10.0.1",
29 |     "babel-jest": "^23.6.0",
30 |     "commitizen": "^3.0.7",
31 |     "cz-conventional-changelog": "^2.1.0",
32 |     "eslint": "^5.8.0",
33 |     "eslint-plugin-vue": "^5.0.0",
34 |     "ghooks": "^2.0.4",
35 |     "node-sass": "^4.11.0",
36 |     "sass-loader": "^7.1.0",
37 |     "semantic-release": "^15.13.3",
38 |     "vue-template-compiler": "^2.5.21"
39 |   },
40 |   "eslintConfig": {
41 |     "root": true,
42 |     "env": {
43 |       "node": true
44 |     },
45 |     "extends": [
46 |       "plugin:vue/essential",
47 |       "eslint:recommended"
48 |     ],
49 |     "rules": {},
50 |     "parserOptions": {
51 |       "parser": "babel-eslint"
52 |     }
53 |   },
54 |   "postcss": {
55 |     "plugins": {
56 |       "autoprefixer": {}
57 |     }
58 |   },
59 |   "config": {
60 |     "commitizen": {
61 |       "path": "node_modules/cz-conventional-changelog"
62 |     },
63 |     "ghooks": {
64 |       "pre-commit": "npm run test:unit"
65 |     }
66 |   },
67 |   "browserslist": [
68 |     "> 1%",
69 |     "last 2 versions",
70 |     "not ie <= 8"
71 |   ],
72 |   "files": [
73 |     "src/*",
74 |     "dist/*",
75 |     "*.json",
76 |     "*.js"
77 |   ],
78 |   "keywords": [
79 |     "front-end",
80 |     "web",
81 |     "vue",
82 |     "vuejs",
83 |     "dialog",
84 |     "alert",
85 |     "modal",
86 |     "vue-modal",
87 |     "component",
88 |     "popup",
89 |     "vue-modal-component"
90 |   ],
91 |   "license": "MPL 2.0",
92 |   "main": "dist/vue-modal.umd.min.js",
93 |   "module": "dist/vue-modal-mhm.esm.js",
94 |   "repository": {
95 |     "type": "git",
96 |     "url": "https://github.com/MelMacaluso/vue-modal.git"
97 |   }
98 | }
99 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
  1 | 
  2 | # Vue Modal 🖼
  3 | [![npm](https://img.shields.io/npm/dw/@melmacaluso/vue-modal.svg?label=Downloads)](https://www.npmjs.com/package/@melmacaluso/vue-modal)
  4 | [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
  5 | ![CircleCI (all branches)](https://img.shields.io/circleci/project/github/MelMacaluso/vue-modal.svg)
  6 | [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
  7 | 
  8 | <div align="center">
  9 | 
 10 | ![Reusable Modal component, supports own custom HTML, text and classes and/or passing a component. Featuring multiple modal content / buttons.](https://user-images.githubusercontent.com/24974216/55087239-b2b9f980-50a1-11e9-8924-499b6cbfe965.png)
 11 | 
 12 | </div>
 13 | 
 14 | ## Intro
 15 | 
 16 | Reusable Modal component, supports own custom HTML, text and classes and/or passing a component. Featuring multiple modal content / buttons.
 17 | 
 18 | ## What this ISN'T
 19 | 
 20 | This component is not meant to be a bootstrap-ish already-styled-modal-replacer for Vue.
 21 | 
 22 | ## What this IS
 23 | 
 24 | Instead: it wants to take it a step further: it gives you a skeleton base structure where you are free to apply your own css styling according to your requirements/website and gives you freedom of formatting the content/arrows/buttons/events as you wish with little to no effort.
 25 | 
 26 | ## Features
 27 | 
 28 | - Animated modal transition
 29 | - Overlay on modal background
 30 | - Custom event triggering on `before-close` and `before-open`
 31 | - Conditional: Next/prev arrows, close button, paging
 32 | - Next and prev arrow for switching between modal contents
 33 | - Modal contents navigation with custom paging
 34 | - CSS/HTML customisation of: prev/next arrows, modal content, modal
 35 |   navigation, modal trigger button/s
 36 | 
 37 | ## Demo
 38 | <div align="center">
 39 | 
 40 | ![Vue modal animated demo](https://media.giphy.com/media/7zoNLc5G8zJjWlyR3T/giphy.gif)
 41 | 
 42 | </div>
 43 | 
 44 | - Code editor - [codesandobx](https://codesandbox.io/s/rmj2y345xo)
 45 | - Preview - [codesandbox](https://rmj2y345xo.codesandbox.io/)
 46 | 
 47 | ## Installation
 48 | 
 49 | ```shell
 50 | npm i @melmacaluso/vue-modal
 51 | ```
 52 | 
 53 | ## Usage
 54 | 
 55 | Simply import it in your desired vue component as follows:
 56 | 
 57 | ```javascript
 58 | import Modal from "@melmacaluso/vue-modal";
 59 | ```
 60 | 
 61 | ## Props
 62 | 
 63 | | **Prop**           | **Type** | **Comment**                                                                                              |
 64 | | ------------------ | -------- | -------------------------------------------------------------------------------------------------------- |
 65 | | `btnText`          | String   | Text label for modal button                                                                              |
 66 | | `modalContent`     | String   | Pass here your html for the modal main modal                                                             |
 67 | | `closeBtn`         | Boolean  | Conditionally add a close button                                                                         |
 68 | | `closeBtn-content` | String   | Pass here your html for the close button                                                                 |
 69 | | `multiple`        | Boolean  | Allow multiple buttons/content within the modal                                                          |
 70 | | `modals`           | Array    | Pass here an array of objects, they retain the same props within the array's scope ie. `<scope>.btnText` |
 71 | | `showNav`          | Boolean  | Conditionally show a navigation with each modal's `btnText`                                              |
 72 | | `showArrows`       | Boolean  | Conditionally show an arrow based navigation                                                             |
 73 | | `showArrowsCloseBtn`       | Boolean  | Conditionally show an the close button between the prev/next arrows, it inherits `closeBtn-content`                                                             |
 74 | | `arrowNextContent`  | String   | Pass here your html for the next arrow                                                                   |
 75 | | `arrowPrevContent`  | String   | Pass here your html for the previous arrow                                                               |
 76 | | `@before-open`     | Function  | Attach here your custom function, it will be invoked before the modal opens                              |
 77 | | `@before-close`    | Function  | Attach here your custom function, it will be invoked before the modal closes                             |
 78 | 
 79 | ## Examples
 80 | 
 81 | ### Inline HTML:
 82 | 
 83 | ```vue
 84 | <Modal
 85 |   btnText="Press me, senpai 😊"
 86 |   modalContent="
 87 |         <div>
 88 |           <h2> Hello I am a modal</h2>
 89 |           <p>I like stating the obvious: <b>the obvious</b></p>
 90 |           <p>Now, try this trick: <code>Ctrl + Shift + W </code> 😉</p>
 91 |         </div>
 92 |         "
 93 |   :closeBtn="true"
 94 |   closeBtn-content="
 95 |         <span>X</span>
 96 |         "
 97 | />
 98 | ```
 99 | 
100 | ### Passing component:
101 | 
102 | ```vue
103 | <Modal
104 |   btnText="Press me, senpai 😊"
105 |   :closeBtn="true"
106 |   closeBtnHTML="<span>X</span>"
107 | >
108 |   <ExampleComponent/>
109 | </Modal>
110 | ```
111 | 
112 | ### Multiple buttons & modal content + custom functions:
113 | 
114 | ```vue
115 | <Modal
116 |   :multiple="true"
117 |   @before-open="yourOpenFn()"
118 |   @before-close="yourCloseFn()"
119 |   :modals="[
120 |     {
121 |       btnText: 'Press me 1',
122 |       modalContent: 'This is <strong>the</strong> content 1'
123 |     },
124 |     {
125 |       btnText: 'Press me 2',
126 |       modalContent:
127 |         '<img src=\'https://media.giphy.com/media/5exwXWg9u7yow/giphy.gif\'>'
128 |     },
129 |     {
130 |       btnText: 'Press me 3',
131 |       modalContent: 'This is the <h3>content 3</h3>'
132 |     }
133 |   ]"
134 |   :showNav="true"
135 | />
136 | ```
137 | 
138 | ### From Api/Json feed + Prev/Next Arrows:
139 | 
140 | ```vue
141 | <Modal
142 |   :multiple="true"
143 |   :modals="formattedUsers"
144 |   :showArrows="true"
145 | />
146 | 
147 | export default {
148 |   data: () => {
149 |     return {
150 |       users: []
151 |     }
152 |   },
153 |   mounted(){
154 |     fetch('https://jsonplaceholder.typicode.com/users')
155 |       .then(res => res.json())
156 |       .then(res => this.users = res)
157 |       .catch(err => console.log(err))
158 |   },
159 |   computed: {
160 |     formattedUsers: function() {
161 |       return this.users.map(user => {
162 |         return {
163 |           btnText: `${user.name}`,
164 |           modalContent: `
165 |             <h2>Email:${user.email}</h2>
166 |             <h2>Phone:${user.phone}</h2>
167 |           `
168 |         };
169 |       });
170 |     }
171 |   }
172 | }
173 | ```
174 | 
175 | 


--------------------------------------------------------------------------------
/src/components/ExampleComponent.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <p>I am a component</p>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   name: "ExampleComponent"
10 | };
11 | </script>


--------------------------------------------------------------------------------
/src/components/Modal.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div v-if="!multiple">
  4 |       <button @click.stop="toggleModal">{{btnText}}</button>
  5 |     </div>
  6 |     <div v-else class="btns-wrapper">
  7 |       <div v-for="(modal,i) in modals" :key="`modal-${i}`"  class="btn-wrapper">
  8 |         <button @click.stop="toggleModal(i); beforeOpen()">{{modal.btnText}}</button>
  9 |       </div>
 10 |     </div>
 11 |     <transition name="fade">
 12 |       <div class="overlay" v-if="modalVisible" @click.self="toggleModal(); beforeClose()">
 13 |         <button class="close" v-if="closeBtn" @click.stop="toggleModal(); beforeClose()">
 14 |           <div v-html="closeBtnContent"></div>
 15 |         </button>
 16 |         <div v-if="!multiple" class="modal">
 17 |           <slot v-if="!modalContent"></slot>
 18 |           <div v-else v-html="modalContent"></div>
 19 |         </div>
 20 |         <div v-else class="modals">
 21 |           <div class="content">
 22 |             <div v-for="(modal,i) in modals" :key="`content-${i}`">
 23 |                 <transition name="fade">
 24 |                     <div v-if="clickedBtn === i" v-html="modal.modalContent"></div>
 25 |                 </transition>
 26 |             </div>
 27 |           </div>
 28 |           <div class="navigation" v-if="showNav">
 29 |             <div v-for="(modal,i) in modals" :key="`btn-${i}`">
 30 |               <button :class="clickedBtn === i ? 'active' : '' " @click.stop="switchContent(i)">
 31 |                 {{modal.btnText}}
 32 |               </button>
 33 |             </div>
 34 |           </div>
 35 |           <div class="navigation-arrows" v-if="showArrows">
 36 |             <button class="prev-arrow" v-if="clickedBtn !== 0" @click="prevModal" v-html="arrowPrevContent"></button>
 37 |             <button class="close" v-if="showArrowsCloseBtn" @click.stop="toggleModal(); beforeClose()">
 38 |               <div v-html="closeBtnContent"></div>
 39 |             </button>
 40 |             <button class="next-arrow" v-if="clickedBtn !== (modals.length - 1) " @click="nextModal" v-html="arrowNextContent"></button>
 41 |           </div>
 42 |         </div>
 43 |       </div>
 44 |     </transition>
 45 |   </div>
 46 | </template>
 47 | 
 48 | <script>
 49 | export default {
 50 |   data() {
 51 |     return {
 52 |       modalVisible: false,
 53 |       clickedBtn: 0
 54 |     };
 55 |   },
 56 |   name: "Modal",
 57 |   props: {
 58 |     btnText: String,
 59 |     modalContent: String,
 60 |     closeBtn: Boolean,
 61 |     closeBtnContent: {
 62 |       type: String,
 63 |       default: "X"
 64 |     },
 65 |     multiple: Boolean,
 66 |     modals: Array,
 67 |     showNav: Boolean,
 68 |     showArrows: Boolean,
 69 |     showArrowsCloseBtn: Boolean,
 70 |     arrowPrevContent: {
 71 |       type: String,
 72 |       default: "<"
 73 |     },
 74 |     arrowNextContent: {
 75 |       type: String,
 76 |       default: ">"
 77 |     }
 78 |   },
 79 |   methods: {
 80 |     beforeOpen() {
 81 |       this.$emit("before-open");
 82 |     },
 83 |     beforeClose() {
 84 |       this.$emit("before-close");
 85 |     },
 86 |     toggleModal(i) {
 87 |       this.modalVisible = !this.modalVisible;
 88 |       this.clickedBtn = i;
 89 |     },
 90 |     switchContent(i) {
 91 |       this.clickedBtn = i;
 92 |     },
 93 |     prevModal() {
 94 |       this.clickedBtn > 0 ? (this.clickedBtn -= 1) : "";
 95 |     },
 96 |     nextModal() {
 97 |       this.clickedBtn < this.modals.length - 1 ? (this.clickedBtn += 1) : "";
 98 |     }
 99 |   }
100 | };
101 | </script>
102 | 
103 | <style scoped lang="scss">
104 | .overlay {
105 |   background-color: rgba(0, 0, 0, 0.8);
106 |   height: 100%;
107 |   width: 100%;
108 |   position: fixed;
109 |   top: 0;
110 |   bottom: 0;
111 |   right: 0;
112 |   left: 0;
113 |   z-index: 9999;
114 | }
115 | 
116 | //Transitions
117 | .fade-enter-active,
118 | .fade-leave-active {
119 |   transition: opacity 0.5s;
120 | }
121 | .fade-enter,
122 | .fade-leave-to {
123 |   opacity: 0;
124 | }
125 | </style>
126 | 


--------------------------------------------------------------------------------
/src/components/index.js:
--------------------------------------------------------------------------------
1 | import Vue from "vue"
2 | import Modal from './Modal.vue'
3 | 
4 | Vue.component(Modal.name, Modal)
5 | 
6 | export default Modal


--------------------------------------------------------------------------------
/test/unit/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   env: {
3 |     jest: true
4 |   }
5 | }


--------------------------------------------------------------------------------
/test/unit/Modal.spec.js:
--------------------------------------------------------------------------------
 1 | import { mount } from '@vue/test-utils'
 2 | import Modal from '@/components/Modal'
 3 | 
 4 | describe('Multiple Modals', ()=> {
 5 |   let wrapper
 6 |   beforeEach(() => {
 7 |     wrapper = mount(Modal, {
 8 |       propsData: {
 9 |         multiple: true,
10 |         modals: [
11 |           {
12 |             btnText: 'Press me 1',
13 |             modalContent: 'This is <strong>the</strong> content 1'
14 |           },
15 |           {
16 |             btnText: 'Press me 2',
17 |             modalContent:
18 |               '<img src="https://media.giphy.com/media/5exwXWg9u7yow/giphy.gif">'
19 |           },
20 |           {
21 |             btnText: 'Press me 3',
22 |             modalContent: 'This is the <h3>content 3</h3>'
23 |           }
24 |         ],
25 |         closeBtn: true,
26 |         closeBtnContent: "<span>x</span>",
27 |         showNav: true,
28 |         showArrows: true
29 |       }
30 |     })
31 |   // Open the modal
32 |   wrapper.setData({ modalVisible: true })
33 |   })
34 | 
35 |   describe('Contents rendered', ()=> {
36 |     it('Trigger-modal Buttons', () => {
37 |       wrapper.props().modals.forEach(btn => {
38 |         expect(wrapper.html()).toContain(`<button>${btn.btnText}</button>`)
39 |       })
40 |     })
41 |     it('Modal Cotents', () => {
42 |       wrapper.props().modals.forEach((btn,i) => {
43 |         wrapper.setData({ clickedBtn: i })
44 |         expect(wrapper.html()).toContain(btn.modalContent)
45 |       })
46 |     })
47 |   })
48 | 
49 |   describe('Interactions', ()=> {
50 |     it('Open Modal', () => {
51 |       wrapper.setData({ modalVisible: false })
52 |       const btn = wrapper.find('.btns-wrapper button')
53 |       btn.trigger('click')
54 |       expect(wrapper.vm.modalVisible).toBeTruthy()
55 |       expect(wrapper.contains('.modals')).toBeTruthy()
56 |       expect(wrapper.contains('.overlay')).toBeTruthy()
57 |     })
58 |     it('Close Modal from closeBtn', () => {
59 |       const btn = wrapper.find('.close')
60 |       btn.trigger('click')
61 |       expect(wrapper.vm.modalVisible).toBe(false)
62 |       expect(wrapper.contains('.modals')).toBe(false)
63 |       expect(wrapper.contains('.overlay')).toBe(false)
64 |     })
65 |     it('Close Modal from overlay', () => {
66 |       const overlay = wrapper.find('.overlay')
67 |       overlay.trigger('click')
68 |       expect(wrapper.vm.modalVisible).toBe(false)
69 |       expect(wrapper.contains('.modals')).toBe(false)
70 |       expect(wrapper.contains('.overlay')).toBe(false)
71 |     })
72 |     it('Next Content', () => {
73 |       const btn = wrapper.find('.navigation-arrows .next-arrow')
74 |       btn.trigger('click')
75 |       expect(wrapper.vm.clickedBtn).toBe(1)
76 |     })
77 |     it('Previous Content', () => {
78 |       wrapper.setData({ clickedBtn: 1 })
79 |       const btn = wrapper.find('.navigation-arrows .prev-arrow')
80 |       btn.trigger('click')
81 |       expect(wrapper.vm.clickedBtn).toBe(0)
82 |     })
83 |   })
84 | })
85 | 
86 | 


--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   css: {
3 |     extract: false
4 |   }
5 | };


--------------------------------------------------------------------------------