diff --git a/dist/vue-spinner.js b/dist/vue-spinner.js
index e722c51..ffcbc1c 100644
--- a/dist/vue-spinner.js
+++ b/dist/vue-spinner.js
@@ -56,67 +56,67 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	'use strict';
 	
-	var _PulseLoader = __webpack_require__(17);
+	var _PulseLoader = __webpack_require__(1);
 	
 	var _PulseLoader2 = _interopRequireDefault(_PulseLoader);
 	
-	var _GridLoader = __webpack_require__(24);
+	var _GridLoader = __webpack_require__(8);
 	
 	var _GridLoader2 = _interopRequireDefault(_GridLoader);
 	
-	var _ClipLoader = __webpack_require__(29);
+	var _ClipLoader = __webpack_require__(13);
 	
 	var _ClipLoader2 = _interopRequireDefault(_ClipLoader);
 	
-	var _RiseLoader = __webpack_require__(34);
+	var _RiseLoader = __webpack_require__(18);
 	
 	var _RiseLoader2 = _interopRequireDefault(_RiseLoader);
 	
-	var _BeatLoader = __webpack_require__(39);
+	var _BeatLoader = __webpack_require__(23);
 	
 	var _BeatLoader2 = _interopRequireDefault(_BeatLoader);
 	
-	var _SyncLoader = __webpack_require__(44);
+	var _SyncLoader = __webpack_require__(28);
 	
 	var _SyncLoader2 = _interopRequireDefault(_SyncLoader);
 	
-	var _RotateLoader = __webpack_require__(49);
+	var _RotateLoader = __webpack_require__(33);
 	
 	var _RotateLoader2 = _interopRequireDefault(_RotateLoader);
 	
-	var _FadeLoader = __webpack_require__(54);
+	var _FadeLoader = __webpack_require__(38);
 	
 	var _FadeLoader2 = _interopRequireDefault(_FadeLoader);
 	
-	var _PacmanLoader = __webpack_require__(59);
+	var _PacmanLoader = __webpack_require__(43);
 	
 	var _PacmanLoader2 = _interopRequireDefault(_PacmanLoader);
 	
-	var _SquareLoader = __webpack_require__(64);
+	var _SquareLoader = __webpack_require__(48);
 	
 	var _SquareLoader2 = _interopRequireDefault(_SquareLoader);
 	
-	var _ScaleLoader = __webpack_require__(69);
+	var _ScaleLoader = __webpack_require__(53);
 	
 	var _ScaleLoader2 = _interopRequireDefault(_ScaleLoader);
 	
-	var _SkewLoader = __webpack_require__(74);
+	var _SkewLoader = __webpack_require__(58);
 	
 	var _SkewLoader2 = _interopRequireDefault(_SkewLoader);
 	
-	var _MoonLoader = __webpack_require__(79);
+	var _MoonLoader = __webpack_require__(63);
 	
 	var _MoonLoader2 = _interopRequireDefault(_MoonLoader);
 	
-	var _RingLoader = __webpack_require__(84);
+	var _RingLoader = __webpack_require__(68);
 	
 	var _RingLoader2 = _interopRequireDefault(_RingLoader);
 	
-	var _BounceLoader = __webpack_require__(89);
+	var _BounceLoader = __webpack_require__(73);
 	
 	var _BounceLoader2 = _interopRequireDefault(_BounceLoader);
 	
-	var _DotLoader = __webpack_require__(94);
+	var _DotLoader = __webpack_require__(78);
 	
 	var _DotLoader2 = _interopRequireDefault(_DotLoader);
 	
@@ -144,29 +144,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	module.exports = VueSpinner;
 
 /***/ },
-/* 1 */,
-/* 2 */,
-/* 3 */,
-/* 4 */,
-/* 5 */,
-/* 6 */,
-/* 7 */,
-/* 8 */,
-/* 9 */,
-/* 10 */,
-/* 11 */,
-/* 12 */,
-/* 13 */,
-/* 14 */,
-/* 15 */,
-/* 16 */,
-/* 17 */
+/* 1 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(18)
-	__vue_script__ = __webpack_require__(22)
-	__vue_template__ = __webpack_require__(23)
+	__webpack_require__(2)
+	__vue_script__ = __webpack_require__(6)
+	__vue_template__ = __webpack_require__(7)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -174,7 +158,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/PulseLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/PulseLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -183,23 +167,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 18 */
+/* 2 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(19);
+	var content = __webpack_require__(3);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -209,21 +193,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 19 */
+/* 3 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, "/*.v-spinner\n{\n    margin: 100px auto;\n    text-align: center;\n}\n*/\n\n@-webkit-keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n\n@keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}", ""]);
+	exports.push([module.id, "\n/*.v-spinner\n{\n    margin: 100px auto;\n    text-align: center;\n}\n*/\n\n@-webkit-keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n\n@keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n", "", {"version":3,"sources":["/./src/PulseLoader.vue.style"],"names":[],"mappings":";AAmEA;;;;;EAKA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;CACA","file":"PulseLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-pulse v-pulse1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-pulse v-pulse2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-pulse v-pulse3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'PulseLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \twidth: this.size,\n        height: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-pulseStretchDelay',\n        animationDuration: '0.75s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\n        animationFillMode: 'both'\n      },\n      spinnerDelay1: {\n        animationDelay: '0.12s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.24s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.36s'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n/*.v-spinner\n{\n    margin: 100px auto;\n    text-align: center;\n}\n*/\n\n@-webkit-keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n\n@keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 20 */
+/* 4 */
 /***/ function(module, exports) {
 
 	/*
@@ -279,261 +263,259 @@ return /******/ (function(modules) { // webpackBootstrap
 
 
 /***/ },
-/* 21 */
+/* 5 */
 /***/ function(module, exports, __webpack_require__) {
 
-	/*
-		MIT License http://www.opensource.org/licenses/mit-license.php
-		Author Tobias Koppers @sokra
-	*/
-	var stylesInDom = {},
-		memoize = function(fn) {
-			var memo;
-			return function () {
-				if (typeof memo === "undefined") memo = fn.apply(this, arguments);
-				return memo;
-			};
-		},
-		isOldIE = memoize(function() {
-			return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase());
-		}),
-		getHeadElement = memoize(function () {
-			return document.head || document.getElementsByTagName("head")[0];
-		}),
-		singletonElement = null,
-		singletonCounter = 0,
-		styleElementsInsertedAtTop = [];
-	
-	module.exports = function(list, options) {
-		if(false) {
-			if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
-		}
-	
-		options = options || {};
-		// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-		// tags it will allow on a page
-		if (typeof options.singleton === "undefined") options.singleton = isOldIE();
-	
-		// By default, add <style> tags to the bottom of <head>.
-		if (typeof options.insertAt === "undefined") options.insertAt = "bottom";
-	
-		var styles = listToStyles(list);
-		addStylesToDom(styles, options);
-	
-		return function update(newList) {
-			var mayRemove = [];
-			for(var i = 0; i < styles.length; i++) {
-				var item = styles[i];
-				var domStyle = stylesInDom[item.id];
-				domStyle.refs--;
-				mayRemove.push(domStyle);
-			}
-			if(newList) {
-				var newStyles = listToStyles(newList);
-				addStylesToDom(newStyles, options);
-			}
-			for(var i = 0; i < mayRemove.length; i++) {
-				var domStyle = mayRemove[i];
-				if(domStyle.refs === 0) {
-					for(var j = 0; j < domStyle.parts.length; j++)
-						domStyle.parts[j]();
-					delete stylesInDom[domStyle.id];
-				}
-			}
-		};
-	}
-	
-	function addStylesToDom(styles, options) {
-		for(var i = 0; i < styles.length; i++) {
-			var item = styles[i];
-			var domStyle = stylesInDom[item.id];
-			if(domStyle) {
-				domStyle.refs++;
-				for(var j = 0; j < domStyle.parts.length; j++) {
-					domStyle.parts[j](item.parts[j]);
-				}
-				for(; j < item.parts.length; j++) {
-					domStyle.parts.push(addStyle(item.parts[j], options));
-				}
-			} else {
-				var parts = [];
-				for(var j = 0; j < item.parts.length; j++) {
-					parts.push(addStyle(item.parts[j], options));
-				}
-				stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
-			}
-		}
-	}
-	
-	function listToStyles(list) {
-		var styles = [];
-		var newStyles = {};
-		for(var i = 0; i < list.length; i++) {
-			var item = list[i];
-			var id = item[0];
-			var css = item[1];
-			var media = item[2];
-			var sourceMap = item[3];
-			var part = {css: css, media: media, sourceMap: sourceMap};
-			if(!newStyles[id])
-				styles.push(newStyles[id] = {id: id, parts: [part]});
-			else
-				newStyles[id].parts.push(part);
-		}
-		return styles;
-	}
-	
-	function insertStyleElement(options, styleElement) {
-		var head = getHeadElement();
-		var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
-		if (options.insertAt === "top") {
-			if(!lastStyleElementInsertedAtTop) {
-				head.insertBefore(styleElement, head.firstChild);
-			} else if(lastStyleElementInsertedAtTop.nextSibling) {
-				head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
-			} else {
-				head.appendChild(styleElement);
-			}
-			styleElementsInsertedAtTop.push(styleElement);
-		} else if (options.insertAt === "bottom") {
-			head.appendChild(styleElement);
-		} else {
-			throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
-		}
-	}
-	
-	function removeStyleElement(styleElement) {
-		styleElement.parentNode.removeChild(styleElement);
-		var idx = styleElementsInsertedAtTop.indexOf(styleElement);
-		if(idx >= 0) {
-			styleElementsInsertedAtTop.splice(idx, 1);
-		}
-	}
-	
-	function createStyleElement(options) {
-		var styleElement = document.createElement("style");
-		styleElement.type = "text/css";
-		insertStyleElement(options, styleElement);
-		return styleElement;
-	}
-	
-	function createLinkElement(options) {
-		var linkElement = document.createElement("link");
-		linkElement.rel = "stylesheet";
-		insertStyleElement(options, linkElement);
-		return linkElement;
-	}
-	
-	function addStyle(obj, options) {
-		var styleElement, update, remove;
-	
-		if (options.singleton) {
-			var styleIndex = singletonCounter++;
-			styleElement = singletonElement || (singletonElement = createStyleElement(options));
-			update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
-			remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
-		} else if(obj.sourceMap &&
-			typeof URL === "function" &&
-			typeof URL.createObjectURL === "function" &&
-			typeof URL.revokeObjectURL === "function" &&
-			typeof Blob === "function" &&
-			typeof btoa === "function") {
-			styleElement = createLinkElement(options);
-			update = updateLink.bind(null, styleElement);
-			remove = function() {
-				removeStyleElement(styleElement);
-				if(styleElement.href)
-					URL.revokeObjectURL(styleElement.href);
-			};
-		} else {
-			styleElement = createStyleElement(options);
-			update = applyToTag.bind(null, styleElement);
-			remove = function() {
-				removeStyleElement(styleElement);
-			};
-		}
-	
-		update(obj);
-	
-		return function updateStyle(newObj) {
-			if(newObj) {
-				if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
-					return;
-				update(obj = newObj);
-			} else {
-				remove();
-			}
-		};
-	}
-	
-	var replaceText = (function () {
-		var textStore = [];
-	
-		return function (index, replacement) {
-			textStore[index] = replacement;
-			return textStore.filter(Boolean).join('\n');
-		};
-	})();
-	
-	function applyToSingletonTag(styleElement, index, remove, obj) {
-		var css = remove ? "" : obj.css;
-	
-		if (styleElement.styleSheet) {
-			styleElement.styleSheet.cssText = replaceText(index, css);
-		} else {
-			var cssNode = document.createTextNode(css);
-			var childNodes = styleElement.childNodes;
-			if (childNodes[index]) styleElement.removeChild(childNodes[index]);
-			if (childNodes.length) {
-				styleElement.insertBefore(cssNode, childNodes[index]);
-			} else {
-				styleElement.appendChild(cssNode);
-			}
-		}
-	}
-	
-	function applyToTag(styleElement, obj) {
-		var css = obj.css;
-		var media = obj.media;
-		var sourceMap = obj.sourceMap;
-	
-		if(media) {
-			styleElement.setAttribute("media", media)
-		}
-	
-		if(styleElement.styleSheet) {
-			styleElement.styleSheet.cssText = css;
-		} else {
-			while(styleElement.firstChild) {
-				styleElement.removeChild(styleElement.firstChild);
-			}
-			styleElement.appendChild(document.createTextNode(css));
-		}
-	}
-	
-	function updateLink(linkElement, obj) {
-		var css = obj.css;
-		var media = obj.media;
-		var sourceMap = obj.sourceMap;
-	
-		if(sourceMap) {
-			// http://stackoverflow.com/a/26603875
-			css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
-		}
-	
-		var blob = new Blob([css], { type: "text/css" });
-	
-		var oldSrc = linkElement.href;
-	
-		linkElement.href = URL.createObjectURL(blob);
-	
-		if(oldSrc)
-			URL.revokeObjectURL(oldSrc);
-	}
+	/*
+		MIT License http://www.opensource.org/licenses/mit-license.php
+		Author Tobias Koppers @sokra
+	*/
+	var stylesInDom = {},
+		memoize = function(fn) {
+			var memo;
+			return function () {
+				if (typeof memo === "undefined") memo = fn.apply(this, arguments);
+				return memo;
+			};
+		},
+		isOldIE = memoize(function() {
+			return /msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase());
+		}),
+		getHeadElement = memoize(function () {
+			return document.head || document.getElementsByTagName("head")[0];
+		}),
+		singletonElement = null,
+		singletonCounter = 0,
+		styleElementsInsertedAtTop = [];
+	
+	module.exports = function(list, options) {
+		if(false) {
+			if(typeof document !== "object") throw new Error("The style-loader cannot be used in a non-browser environment");
+		}
+	
+		options = options || {};
+		// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+		// tags it will allow on a page
+		if (typeof options.singleton === "undefined") options.singleton = isOldIE();
+	
+		// By default, add <style> tags to the bottom of <head>.
+		if (typeof options.insertAt === "undefined") options.insertAt = "bottom";
+	
+		var styles = listToStyles(list);
+		addStylesToDom(styles, options);
+	
+		return function update(newList) {
+			var mayRemove = [];
+			for(var i = 0; i < styles.length; i++) {
+				var item = styles[i];
+				var domStyle = stylesInDom[item.id];
+				domStyle.refs--;
+				mayRemove.push(domStyle);
+			}
+			if(newList) {
+				var newStyles = listToStyles(newList);
+				addStylesToDom(newStyles, options);
+			}
+			for(var i = 0; i < mayRemove.length; i++) {
+				var domStyle = mayRemove[i];
+				if(domStyle.refs === 0) {
+					for(var j = 0; j < domStyle.parts.length; j++)
+						domStyle.parts[j]();
+					delete stylesInDom[domStyle.id];
+				}
+			}
+		};
+	}
+	
+	function addStylesToDom(styles, options) {
+		for(var i = 0; i < styles.length; i++) {
+			var item = styles[i];
+			var domStyle = stylesInDom[item.id];
+			if(domStyle) {
+				domStyle.refs++;
+				for(var j = 0; j < domStyle.parts.length; j++) {
+					domStyle.parts[j](item.parts[j]);
+				}
+				for(; j < item.parts.length; j++) {
+					domStyle.parts.push(addStyle(item.parts[j], options));
+				}
+			} else {
+				var parts = [];
+				for(var j = 0; j < item.parts.length; j++) {
+					parts.push(addStyle(item.parts[j], options));
+				}
+				stylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};
+			}
+		}
+	}
+	
+	function listToStyles(list) {
+		var styles = [];
+		var newStyles = {};
+		for(var i = 0; i < list.length; i++) {
+			var item = list[i];
+			var id = item[0];
+			var css = item[1];
+			var media = item[2];
+			var sourceMap = item[3];
+			var part = {css: css, media: media, sourceMap: sourceMap};
+			if(!newStyles[id])
+				styles.push(newStyles[id] = {id: id, parts: [part]});
+			else
+				newStyles[id].parts.push(part);
+		}
+		return styles;
+	}
+	
+	function insertStyleElement(options, styleElement) {
+		var head = getHeadElement();
+		var lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];
+		if (options.insertAt === "top") {
+			if(!lastStyleElementInsertedAtTop) {
+				head.insertBefore(styleElement, head.firstChild);
+			} else if(lastStyleElementInsertedAtTop.nextSibling) {
+				head.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);
+			} else {
+				head.appendChild(styleElement);
+			}
+			styleElementsInsertedAtTop.push(styleElement);
+		} else if (options.insertAt === "bottom") {
+			head.appendChild(styleElement);
+		} else {
+			throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");
+		}
+	}
+	
+	function removeStyleElement(styleElement) {
+		styleElement.parentNode.removeChild(styleElement);
+		var idx = styleElementsInsertedAtTop.indexOf(styleElement);
+		if(idx >= 0) {
+			styleElementsInsertedAtTop.splice(idx, 1);
+		}
+	}
+	
+	function createStyleElement(options) {
+		var styleElement = document.createElement("style");
+		styleElement.type = "text/css";
+		insertStyleElement(options, styleElement);
+		return styleElement;
+	}
+	
+	function createLinkElement(options) {
+		var linkElement = document.createElement("link");
+		linkElement.rel = "stylesheet";
+		insertStyleElement(options, linkElement);
+		return linkElement;
+	}
+	
+	function addStyle(obj, options) {
+		var styleElement, update, remove;
+	
+		if (options.singleton) {
+			var styleIndex = singletonCounter++;
+			styleElement = singletonElement || (singletonElement = createStyleElement(options));
+			update = applyToSingletonTag.bind(null, styleElement, styleIndex, false);
+			remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);
+		} else if(obj.sourceMap &&
+			typeof URL === "function" &&
+			typeof URL.createObjectURL === "function" &&
+			typeof URL.revokeObjectURL === "function" &&
+			typeof Blob === "function" &&
+			typeof btoa === "function") {
+			styleElement = createLinkElement(options);
+			update = updateLink.bind(null, styleElement);
+			remove = function() {
+				removeStyleElement(styleElement);
+				if(styleElement.href)
+					URL.revokeObjectURL(styleElement.href);
+			};
+		} else {
+			styleElement = createStyleElement(options);
+			update = applyToTag.bind(null, styleElement);
+			remove = function() {
+				removeStyleElement(styleElement);
+			};
+		}
+	
+		update(obj);
+	
+		return function updateStyle(newObj) {
+			if(newObj) {
+				if(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)
+					return;
+				update(obj = newObj);
+			} else {
+				remove();
+			}
+		};
+	}
+	
+	var replaceText = (function () {
+		var textStore = [];
+	
+		return function (index, replacement) {
+			textStore[index] = replacement;
+			return textStore.filter(Boolean).join('\n');
+		};
+	})();
+	
+	function applyToSingletonTag(styleElement, index, remove, obj) {
+		var css = remove ? "" : obj.css;
+	
+		if (styleElement.styleSheet) {
+			styleElement.styleSheet.cssText = replaceText(index, css);
+		} else {
+			var cssNode = document.createTextNode(css);
+			var childNodes = styleElement.childNodes;
+			if (childNodes[index]) styleElement.removeChild(childNodes[index]);
+			if (childNodes.length) {
+				styleElement.insertBefore(cssNode, childNodes[index]);
+			} else {
+				styleElement.appendChild(cssNode);
+			}
+		}
+	}
+	
+	function applyToTag(styleElement, obj) {
+		var css = obj.css;
+		var media = obj.media;
+	
+		if(media) {
+			styleElement.setAttribute("media", media)
+		}
+	
+		if(styleElement.styleSheet) {
+			styleElement.styleSheet.cssText = css;
+		} else {
+			while(styleElement.firstChild) {
+				styleElement.removeChild(styleElement.firstChild);
+			}
+			styleElement.appendChild(document.createTextNode(css));
+		}
+	}
+	
+	function updateLink(linkElement, obj) {
+		var css = obj.css;
+		var sourceMap = obj.sourceMap;
+	
+		if(sourceMap) {
+			// http://stackoverflow.com/a/26603875
+			css += "\n/*# sourceMappingURL=data:application/json;base64," + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + " */";
+		}
+	
+		var blob = new Blob([css], { type: "text/css" });
+	
+		var oldSrc = linkElement.href;
+	
+		linkElement.href = URL.createObjectURL(blob);
+	
+		if(oldSrc)
+			URL.revokeObjectURL(oldSrc);
+	}
 
 
 /***/ },
-/* 22 */
+/* 6 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -549,7 +531,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -605,7 +587,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// /*.v-spinner
 	// {
@@ -613,7 +595,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     text-align: center;
 	// }
 	// */
-
+	//
 	// @-webkit-keyframes v-pulseStretchDelay
 	// {
 	//     0%,
@@ -621,18 +603,18 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     {
 	//         -webkit-transform: scale(1);
 	//                 transform: scale(1);
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	//     45%
 	//     {
 	//         -webkit-transform: scale(0.1);
 	//                 transform: scale(0.1);
-	//         -webkit-opacity: 0.7;            
+	//         -webkit-opacity: 0.7;             
 	//                 opacity: 0.7;
 	//     }
 	// }
-
+	//
 	// @keyframes v-pulseStretchDelay
 	// {
 	//     0%,
@@ -640,33 +622,34 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     {
 	//         -webkit-transform: scale(1);
 	//                 transform: scale(1);
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	//     45%
 	//     {
 	//         -webkit-transform: scale(0.1);
 	//                 transform: scale(0.1);
-	//         -webkit-opacity: 0.7;            
+	//         -webkit-opacity: 0.7;             
 	//                 opacity: 0.7;
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 23 */
+/* 7 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-pulse v-pulse1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-pulse v-pulse2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-pulse v-pulse3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-pulse v-pulse1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-pulse v-pulse2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-pulse v-pulse3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 24 */
+/* 8 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(25)
-	__vue_script__ = __webpack_require__(27)
-	__vue_template__ = __webpack_require__(28)
+	__webpack_require__(9)
+	__vue_script__ = __webpack_require__(11)
+	__vue_template__ = __webpack_require__(12)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -674,7 +657,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/GridLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/GridLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -683,23 +666,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 25 */
+/* 9 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(26);
+	var content = __webpack_require__(10);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -709,21 +692,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 26 */
+/* 10 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, "@-webkit-keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}", ""]);
+	exports.push([module.id, "\n@-webkit-keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n", "", {"version":3,"sources":["/./src/GridLoader.vue.style"],"names":[],"mappings":";AA2IA;;IAEA;;QAEA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA","file":"GridLoader.vue","sourcesContent":["<template>\n  <div class=\"v-spinner\" v-bind:style=\"containerStyle\" v-show=\"loading\">\n    <div class=\"v-grid v-grid1\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle1]\">\n    </div><div class=\"v-grid v-grid2\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle2]\">\n    </div><div class=\"v-grid v-grid3\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle3]\">\n    </div><div class=\"v-grid v-grid4\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle4]\">\n    </div><div class=\"v-grid v-grid5\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle5]\">\n    </div><div class=\"v-grid v-grid6\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle6]\">\n    </div><div class=\"v-grid v-grid7\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle7]\">\n    </div><div class=\"v-grid v-grid8\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle8]\">\n    </div><div class=\"v-grid v-grid9\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle9]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'GridLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        backgroundColor: this.color,\n        width: this.size,\n        height: this.size,\n        margin: this.margin,\n        borderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    animationStyle () {\n      return {\n        animationName: 'v-gridStretchDelay',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'ease',\n        animationFillMode: 'both',\n        display: 'inline-block'\n      }\n    },\n    animationStyle1 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle2 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle3 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle4 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle5 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle6 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle7 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle8 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle9 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    containerStyle () {\n      return {\n        width: parseFloat(this.size) * 3 + parseFloat(this.margin) * 6 + 'px',\n        fontSize: 0\n      }\n    }\n  },\n  methods: {\n    random (value) {\n      return Math.random() * value\n    },\n    delay () {\n      return ((this.random(100) / 100) - 0.2) + 's'\n    },\n    duration () {\n      return ((this.random(100) / 100) + 0.6) + 's'\n    },\n  }\n}\n</script>\n\n<style>\n@-webkit-keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 27 */
+/* 11 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -745,7 +728,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -869,7 +852,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// @-webkit-keyframes v-gridStretchDelay
 	// {
@@ -882,18 +865,18 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     {
 	//         -webkit-transform: scale(0.5);
 	//                 transform: scale(0.5);
-	//         -webkit-opacity: 0.7;            
+	//         -webkit-opacity: 0.7;             
 	//                 opacity: 0.7;
 	//     }
 	//     100%
 	//     {
 	//         -webkit-transform: scale(1);
 	//                 transform: scale(1);
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	// }
-
+	//
 	// @keyframes v-gridStretchDelay
 	// {
 	//     0%
@@ -905,33 +888,34 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     {
 	//         -webkit-transform: scale(0.5);
 	//                 transform: scale(0.5);
-	//         -webkit-opacity: 0.7;            
+	//         -webkit-opacity: 0.7;             
 	//                 opacity: 0.7;
 	//     }
 	//     100%
 	//     {
 	//         -webkit-transform: scale(1);
 	//                 transform: scale(1);
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 28 */
+/* 12 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-bind:style=\"containerStyle\" v-show=\"loading\">\n    <div class=\"v-grid v-grid1\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle1]\">\n    </div><div class=\"v-grid v-grid2\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle2]\">\n    </div><div class=\"v-grid v-grid3\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle3]\">\n    </div><div class=\"v-grid v-grid4\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle4]\">\n    </div><div class=\"v-grid v-grid5\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle5]\">\n    </div><div class=\"v-grid v-grid6\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle6]\">\n    </div><div class=\"v-grid v-grid7\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle7]\">\n    </div><div class=\"v-grid v-grid8\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle8]\">\n    </div><div class=\"v-grid v-grid9\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle9]\">\n    </div>\n  </div>";
+	module.exports = "\n  <div class=\"v-spinner\" v-bind:style=\"containerStyle\" v-show=\"loading\">\n    <div class=\"v-grid v-grid1\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle1]\">\n    </div><div class=\"v-grid v-grid2\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle2]\">\n    </div><div class=\"v-grid v-grid3\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle3]\">\n    </div><div class=\"v-grid v-grid4\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle4]\">\n    </div><div class=\"v-grid v-grid5\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle5]\">\n    </div><div class=\"v-grid v-grid6\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle6]\">\n    </div><div class=\"v-grid v-grid7\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle7]\">\n    </div><div class=\"v-grid v-grid8\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle8]\">\n    </div><div class=\"v-grid v-grid9\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle9]\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 29 */
+/* 13 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(30)
-	__vue_script__ = __webpack_require__(32)
-	__vue_template__ = __webpack_require__(33)
+	__webpack_require__(14)
+	__vue_script__ = __webpack_require__(16)
+	__vue_template__ = __webpack_require__(17)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -939,7 +923,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/ClipLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/ClipLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -948,23 +932,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 30 */
+/* 14 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(31);
+	var content = __webpack_require__(15);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -974,21 +958,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 31 */
+/* 15 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-clip\n{\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n            animation: v-clipDelay 0.75s 0s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n\n@keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}", ""]);
+	exports.push([module.id, "\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-clip\n{\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n            animation: v-clipDelay 0.75s 0s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n\n@keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n", "", {"version":3,"sources":["/./src/ClipLoader.vue.style"],"names":[],"mappings":";AA+CA;;AAEA;;;mBAGA;IACA,sBAAA;IACA,mBAAA;;CAEA;;AAEA;;IAEA,wDAAA;YACA,gDAAA;IACA,kCAAA;WACA,0BAAA;;IAEA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,yCAAA;gBACA,iCAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;IACA;;QAEA,2CAAA;gBACA,mCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,yCAAA;gBACA,iCAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;IACA;;QAEA,2CAAA;gBACA,mCAAA;KACA;CACA","file":"ClipLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'ClipLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '35px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        borderWidth: '2px',\n        borderStyle: 'solid',\n        borderColor: this.color + ' ' + this.color + ' transparent',\n        borderRadius: this.radius,\n        background: 'transparent'\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-clip\n{\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n            animation: v-clipDelay 0.75s 0s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n\n@keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n</style>\n"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 32 */
+/* 16 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -1002,7 +986,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -1035,35 +1019,35 @@ return /******/ (function(modules) { // webpackBootstrap
 	        borderStyle: 'solid',
 	        borderColor: this.color + ' ' + this.color + ' transparent',
 	        borderRadius: this.radius,
-	        background: 'transparent !important'
+	        background: 'transparent'
 	      };
 	    }
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// .v-spinner
 	// {
-	// /*	  font-size: 10px;
-
+	// /*	  font-size: 10px; 
+	//
 	//     width: 60px;
 	//     height: 40px;*/
 	//     /*margin: 25px auto;*/
 	//     text-align: center;
-
+	//
 	// }
-
+	//
 	// .v-spinner .v-clip
 	// {
 	//     -webkit-animation: v-clipDelay 0.75s 0s infinite linear;
 	//             animation: v-clipDelay 0.75s 0s infinite linear;
 	//     -webkit-animation-fill-mode: both;
 	// 	          animation-fill-mode: both;
-
+	//
 	//     display: inline-block;
 	// }
-
+	//
 	// @-webkit-keyframes v-clipDelay
 	// {
 	//     0%
@@ -1082,7 +1066,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotate(360deg) scale(1);
 	//     }
 	// }
-
+	//
 	// @keyframes v-clipDelay
 	// {
 	//     0%
@@ -1102,21 +1086,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	//
+	/* generated by vue-loader */
 
 /***/ },
-/* 33 */
+/* 17 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 34 */
+/* 18 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(35)
-	__vue_script__ = __webpack_require__(37)
-	__vue_template__ = __webpack_require__(38)
+	__webpack_require__(19)
+	__vue_script__ = __webpack_require__(21)
+	__vue_template__ = __webpack_require__(22)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -1124,7 +1110,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/RiseLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/RiseLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -1133,23 +1119,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 35 */
+/* 19 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(36);
+	var content = __webpack_require__(20);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -1159,21 +1145,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 36 */
+/* 20 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-rise-odd\n{\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n\t        animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n.v-spinner .v-rise-even\n{\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@-webkit-keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n\n@keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}", ""]);
+	exports.push([module.id, "\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-rise-odd\n{\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n\t        animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n.v-spinner .v-rise-even\n{\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@-webkit-keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n\n@keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n", "", {"version":3,"sources":["/./src/RiseLoader.vue.style"],"names":[],"mappings":";AAsDA;;AAEA;;;mBAGA;IACA,sBAAA;IACA,mBAAA;;CAEA;;AAEA;;IAEA,6EAAA;YACA,qEAAA;IACA,kCAAA;SACA,0BAAA;;IAEA,sBAAA;CACA;;AAEA;;IAEA,8EAAA;YACA,sEAAA;IACA,kCAAA;YACA,0BAAA;;IAEA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,4CAAA;gBACA,oCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,4CAAA;gBACA,oCAAA;KACA;CACA","file":"RiseLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'RiseLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '15px'\n    },\n  \tmargin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-rise-odd\n{\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n\t        animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n.v-spinner .v-rise-even\n{\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@-webkit-keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n\n@keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 37 */
+/* 21 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -1191,7 +1177,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -1232,39 +1218,39 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// .v-spinner
 	// {
-	// /*	  font-size: 10px;
-
+	// /*	  font-size: 10px; 
+	//
 	//     width: 60px;
 	//     height: 40px;*/
 	//     /*margin: 25px auto;*/
 	//     text-align: center;
-
+	//
 	// }
-
+	//
 	// .v-spinner .v-rise-odd
 	// {
 	//     -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);
 	//             animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);
 	//     -webkit-animation-fill-mode: both;
 	// 	        animation-fill-mode: both;
-
+	//
 	//     display: inline-block;
 	// }
-
+	//
 	// .v-spinner .v-rise-even
 	// {
 	//     -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);
 	//             animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);
 	//     -webkit-animation-fill-mode: both;
 	//             animation-fill-mode: both;
-
+	//
 	//     display: inline-block;
 	// }
-
+	//
 	// @-webkit-keyframes v-riseOddDelay
 	// {
 	//     25
@@ -1293,7 +1279,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: translateY(0) scale(0.75);
 	//     }
 	// }
-
+	//
 	// @keyframes v-riseOddDelay
 	// {
 	//     25
@@ -1322,7 +1308,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: translateY(0) scale(0.75);
 	//     }
 	// }
-
+	//
 	// @-webkit-keyframes v-riseEvenDelay
 	// {
 	//     25
@@ -1351,7 +1337,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: translateY(0) scale(1.0);
 	//     }
 	// }
-
+	//
 	// @keyframes v-riseEvenDelay
 	// {
 	//     25
@@ -1381,21 +1367,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 38 */
+/* 22 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 39 */
+/* 23 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(40)
-	__vue_script__ = __webpack_require__(42)
-	__vue_template__ = __webpack_require__(43)
+	__webpack_require__(24)
+	__vue_script__ = __webpack_require__(26)
+	__vue_template__ = __webpack_require__(27)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -1403,7 +1390,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/BeatLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/BeatLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -1412,23 +1399,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 40 */
+/* 24 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(41);
+	var content = __webpack_require__(25);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -1438,21 +1425,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 41 */
+/* 25 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-beat\n{\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\n            animation: v-beatStretchDelay 0.7s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;         \n}\n\n.v-spinner .v-beat-odd\n{\n  -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n}\n.v-spinner .v-beat-even\n{\n  -webkit-animation-delay: 0.35s;\n          animation-delay: 0.35s;\n}\n\n@-webkit-keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-beat\n{\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\n            animation: v-beatStretchDelay 0.7s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;         \n}\n\n.v-spinner .v-beat-odd\n{\n  -webkit-animation-delay: 0s;\n          animation-delay: 0s;\n}\n.v-spinner .v-beat-even\n{\n  -webkit-animation-delay: 0.35s;\n          animation-delay: 0.35s;\n}\n\n@-webkit-keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n", "", {"version":3,"sources":["/./src/BeatLoader.vue.style"],"names":[],"mappings":";;AAqDA;;IAEA,2DAAA;YACA,mDAAA;IACA,kCAAA;WACA,0BAAA;IACA,sBAAA;CACA;;AAEA;;EAEA,4BAAA;UAAA,oBAAA;CACA;AACA;;EAEA,+BAAA;UAAA,uBAAA;CACA;;AAEA;;IAEA;;QAEA,+BAAA;gBACA,uBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,+BAAA;gBACA,uBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA","file":"BeatLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'BeatLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-beat\n{\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\n            animation: v-beatStretchDelay 0.7s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;         \n}\n\n.v-spinner .v-beat-odd\n{\n  animation-delay: 0s;\n}\n.v-spinner .v-beat-even\n{\n  animation-delay: 0.35s;\n}\n\n@-webkit-keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 42 */
+/* 26 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -1468,7 +1455,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -1509,18 +1496,18 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-beat
 	// {
 	//     -webkit-animation: v-beatStretchDelay 0.7s infinite linear;
 	//             animation: v-beatStretchDelay 0.7s infinite linear;
 	//     -webkit-animation-fill-mode: both;
 	// 	          animation-fill-mode: both;
-	//     display: inline-block;        
+	//     display: inline-block;         
 	// }
-
+	//
 	// .v-spinner .v-beat-odd
 	// {
 	//   animation-delay: 0s;
@@ -1529,58 +1516,59 @@ return /******/ (function(modules) { // webpackBootstrap
 	// {
 	//   animation-delay: 0.35s;
 	// }
-
+	//
 	// @-webkit-keyframes v-beatStretchDelay
 	// {
 	//     50%
 	//     {
 	//         -webkit-transform: scale(0.75);
 	//                 transform: scale(0.75);
-	//         -webkit-opacity: 0.2;            
+	//         -webkit-opacity: 0.2;             
 	//                 opacity: 0.2;
 	//     }
 	//     100%
 	//     {
 	//         -webkit-transform: scale(1);
 	//                 transform: scale(1);
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	// }
-
+	//
 	// @keyframes v-beatStretchDelay
 	// {
 	//     50%
 	//     {
 	//         -webkit-transform: scale(0.75);
 	//                 transform: scale(0.75);
-	//         -webkit-opacity: 0.2;            
+	//         -webkit-opacity: 0.2;             
 	//                 opacity: 0.2;
 	//     }
 	//     100%
 	//     {
 	//         -webkit-transform: scale(1);
 	//                 transform: scale(1);
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 43 */
+/* 27 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 44 */
+/* 28 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(45)
-	__vue_script__ = __webpack_require__(47)
-	__vue_template__ = __webpack_require__(48)
+	__webpack_require__(29)
+	__vue_script__ = __webpack_require__(31)
+	__vue_template__ = __webpack_require__(32)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -1588,7 +1576,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/SyncLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/SyncLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -1597,23 +1585,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 45 */
+/* 29 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(46);
+	var content = __webpack_require__(30);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -1623,21 +1611,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 46 */
+/* 30 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, "@-webkit-keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n\n@keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}", ""]);
+	exports.push([module.id, "\n\n@-webkit-keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n\n@keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n", "", {"version":3,"sources":["/./src/SyncLoader.vue.style"],"names":[],"mappings":";;AAoEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,iCAAA;gBACA,yBAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,iCAAA;gBACA,yBAAA;KACA;CACA","file":"SyncLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-sync v-sync1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-sync v-sync2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-sync v-sync3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'SyncLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-syncStretchDelay',\n        animationDuration: '0.6s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'ease-in-out',\n        animationFillMode: 'both'\n      },\n      spinnerDelay1: {\n        animationDelay: '0.07s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.14s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.21s'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n@-webkit-keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n\n@keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 47 */
+/* 31 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -1653,7 +1641,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -1709,9 +1697,9 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// @-webkit-keyframes v-syncStretchDelay
 	// {
 	//     33%
@@ -1730,7 +1718,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: translateY(0);
 	//     }
 	// }
-
+	//
 	// @keyframes v-syncStretchDelay
 	// {
 	//     33%
@@ -1750,21 +1738,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 48 */
+/* 32 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-sync v-sync1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-sync v-sync2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-sync v-sync3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-sync v-sync1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-sync v-sync2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-sync v-sync3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 49 */
+/* 33 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(50)
-	__vue_script__ = __webpack_require__(52)
-	__vue_template__ = __webpack_require__(53)
+	__webpack_require__(34)
+	__vue_script__ = __webpack_require__(36)
+	__vue_template__ = __webpack_require__(37)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -1772,7 +1761,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/RotateLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/RotateLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -1781,23 +1770,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 50 */
+/* 34 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(51);
+	var content = __webpack_require__(35);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -1807,21 +1796,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 51 */
+/* 35 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-rotate1\n{\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n    display: inline-block;\n    position: relative;\n}\n\n.v-spinner .v-rotate2\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: -28px;\n}\n\n.v-spinner .v-rotate3\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: 25px;\n}\n\n@-webkit-keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-rotate1\n{\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n    display: inline-block;\n    position: relative;\n}\n\n.v-spinner .v-rotate2\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: -28px;\n}\n\n.v-spinner .v-rotate3\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: 25px;\n}\n\n@-webkit-keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n", "", {"version":3,"sources":["/./src/RotateLoader.vue.style"],"names":[],"mappings":";;AAqDA;;IAEA,qFAAA;YACA,6EAAA;IACA,kCAAA;YACA,0BAAA;IACA,sBAAA;IACA,mBAAA;CACA;;AAEA;;EAEA,aAAA;EACA,mBAAA;EACA,OAAA;EACA,YAAA;CACA;;AAEA;;EAEA,aAAA;EACA,mBAAA;EACA,OAAA;EACA,WAAA;CACA;;AAEA;;IAEA;;QAEA,gCAAA;gBACA,wBAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,gCAAA;gBACA,wBAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA","file":"RotateLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rotate v-rotate1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-rotate v-rotate2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rotate v-rotate3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'RotateLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-rotate1\n{\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n    display: inline-block;\n    position: relative;\n}\n\n.v-spinner .v-rotate2\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: -28px;\n}\n\n.v-spinner .v-rotate3\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: 25px;\n}\n\n@-webkit-keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 52 */
+/* 36 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -1837,7 +1826,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div></div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -1878,9 +1867,9 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-rotate1
 	// {
 	//     -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);
@@ -1890,7 +1879,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     display: inline-block;
 	//     position: relative;
 	// }
-
+	//
 	// .v-spinner .v-rotate2
 	// {
 	//   opacity: 0.8;
@@ -1898,7 +1887,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//   top: 0;
 	//   left: -28px;
 	// }
-
+	//
 	// .v-spinner .v-rotate3
 	// {
 	//   opacity: 0.8;
@@ -1906,7 +1895,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//   top: 0;
 	//   left: 25px;
 	// }
-
+	//
 	// @-webkit-keyframes v-rotateStretchDelay
 	// {
 	//     0%
@@ -1925,7 +1914,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotate(360deg);
 	//     }
 	// }
-
+	//
 	// @keyframes v-rotateStretchDelay
 	// {
 	//     0%
@@ -1945,21 +1934,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 53 */
+/* 37 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rotate v-rotate1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-rotate v-rotate2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rotate v-rotate3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rotate v-rotate1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-rotate v-rotate2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rotate v-rotate3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n";
 
 /***/ },
-/* 54 */
+/* 38 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(55)
-	__vue_script__ = __webpack_require__(57)
-	__vue_template__ = __webpack_require__(58)
+	__webpack_require__(39)
+	__vue_script__ = __webpack_require__(41)
+	__vue_template__ = __webpack_require__(42)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -1967,7 +1957,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/FadeLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/FadeLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -1976,23 +1966,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 55 */
+/* 39 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(56);
+	var content = __webpack_require__(40);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -2002,21 +1992,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 56 */
+/* 40 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-fade\n{\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    position: absolute;               \n}\n\n@-webkit-keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-fade\n{\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    position: absolute;               \n}\n\n@-webkit-keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n", "", {"version":3,"sources":["/./src/FadeLoader.vue.style"],"names":[],"mappings":";;AAwIA;;IAEA,gEAAA;YACA,wDAAA;IACA,kCAAA;WACA,0BAAA;IACA,mBAAA;CACA;;AAEA;;IAEA;;QAEA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,mBAAA;gBACA,WAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,mBAAA;gBACA,WAAA;KACA;CACA","file":"FadeLoader.vue","sourcesContent":["<template>\n  <div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n  <!-- <div class=\"v-spinner\" v-bind:style=\"containerStyle\"> -->\n    <div class=\"v-fade v-fade1\" v-bind:style=\"[spinnerStyle,animationStyle1]\">\n    </div><div class=\"v-fade v-fade2\" v-bind:style=\"[spinnerStyle,animationStyle2]\">\n    </div><div class=\"v-fade v-fade3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div><div class=\"v-fade v-fade4\" v-bind:style=\"[spinnerStyle,animationStyle4]\">\n    </div><div class=\"v-fade v-fade5\" v-bind:style=\"[spinnerStyle,animationStyle5]\">\n    </div><div class=\"v-fade v-fade6\" v-bind:style=\"[spinnerStyle,animationStyle6]\">\n    </div><div class=\"v-fade v-fade7\" v-bind:style=\"[spinnerStyle,animationStyle7]\">\n    </div><div class=\"v-fade v-fade8\" v-bind:style=\"[spinnerStyle,animationStyle8]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'FadeLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    height: {\n      type: String,\n      default: '15px'\n    },\n    width: {\n      type: String,\n      default: '5px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '20px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.height,\n     \t\twidth: this.width,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    ngRadius () {\n      return '-' + this.radius\n    },\n    quarter () {\n      return (parseFloat(this.radius)/2 + parseFloat(this.radius)/5.5) + 'px'\n    },\n    ngQuarter () {\n      return '-' + this.quarter\n    },\n    animationStyle1 () {\n      return {\n        top: this.radius,\n        left: 0,\n        animationDelay: '0.12s'\n      }\n    },\n    animationStyle2 () {\n      return {\n        top: this.quarter,\n        left: this.quarter,\n        animationDelay: '0.24s',\n        transform: 'rotate(-45deg)'\n      }\n    },\n    animationStyle3 () {\n      return {\n        top: 0,\n        left: this.radius,\n        animationDelay: '0.36s',\n        transform: 'rotate(90deg)'\n      }\n    },\n    animationStyle4 () {\n      return {\n        top: this.ngQuarter,\n        left: this.quarter,\n        animationDelay: '0.48s',\n        transform: 'rotate(45deg)'\n      }\n    },\n    animationStyle5 () {\n      return {\n        top: this.ngRadius,\n        left: 0,\n        animationDelay: '0.60s'\n      }\n    },\n    animationStyle6 () {\n      return {\n        top: this.ngQuarter,\n        left: this.ngQuarter,\n        animationDelay: '0.72s',\n        transform: 'rotate(-45deg)'\n      }\n    },\n    animationStyle7 () {\n      return {\n        top: 0,\n        left: this.ngRadius,\n        animationDelay: '0.84s',\n        transform: 'rotate(90deg)'\n      }\n    },\n    animationStyle8 () {\n      return {\n        top: this.quarter,\n        left: this.ngQuarter,\n        animationDelay: '0.96s',\n        transform: 'rotate(45deg)'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-fade\n{\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    position: absolute;               \n}\n\n@-webkit-keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 57 */
+/* 41 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -2038,7 +2028,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -2067,7 +2057,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	    },
 	    radius: {
 	      type: String,
-	      default: '2px'
+	      default: '20px'
 	    }
 	  },
 	  data: function data() {
@@ -2078,8 +2068,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	        width: this.width,
 	        margin: this.margin,
 	        borderRadius: this.radius
-	      },
-	      radius: '20px'
+	      }
 	    };
 	  },
 	
@@ -2159,61 +2148,62 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-fade
 	// {
 	//     -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;
 	//             animation: v-fadeStretchDelay 1.2s infinite ease-in-out;
 	//     -webkit-animation-fill-mode: both;
 	// 	          animation-fill-mode: both;
-	//     position: absolute;              
+	//     position: absolute;               
 	// }
-
+	//
 	// @-webkit-keyframes v-fadeStretchDelay
 	// {
 	//     50%
 	//     {
-	//         -webkit-opacity: 0.3;            
+	//         -webkit-opacity: 0.3;             
 	//                 opacity: 0.3;
 	//     }
 	//     100%
 	//     {
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	// }
-
+	//
 	// @keyframes v-fadeStretchDelay
 	// {
 	//     50%
 	//     {
-	//         -webkit-opacity: 0.3;            
+	//         -webkit-opacity: 0.3;             
 	//                 opacity: 0.3;
 	//     }
 	//     100%
 	//     {
-	//         -webkit-opacity: 1;            
+	//         -webkit-opacity: 1;             
 	//                 opacity: 1;
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 58 */
+/* 42 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n  <!-- <div class=\"v-spinner\" v-bind:style=\"containerStyle\"> -->\n    <div class=\"v-fade v-fade1\" v-bind:style=\"[spinnerStyle,animationStyle1]\">\n    </div><div class=\"v-fade v-fade2\" v-bind:style=\"[spinnerStyle,animationStyle2]\">\n    </div><div class=\"v-fade v-fade3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div><div class=\"v-fade v-fade4\" v-bind:style=\"[spinnerStyle,animationStyle4]\">\n    </div><div class=\"v-fade v-fade5\" v-bind:style=\"[spinnerStyle,animationStyle5]\">\n    </div><div class=\"v-fade v-fade6\" v-bind:style=\"[spinnerStyle,animationStyle6]\">\n    </div><div class=\"v-fade v-fade7\" v-bind:style=\"[spinnerStyle,animationStyle7]\">\n    </div><div class=\"v-fade v-fade8\" v-bind:style=\"[spinnerStyle,animationStyle8]\">\n    </div>\n  </div>";
+	module.exports = "\n  <div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n  <!-- <div class=\"v-spinner\" v-bind:style=\"containerStyle\"> -->\n    <div class=\"v-fade v-fade1\" v-bind:style=\"[spinnerStyle,animationStyle1]\">\n    </div><div class=\"v-fade v-fade2\" v-bind:style=\"[spinnerStyle,animationStyle2]\">\n    </div><div class=\"v-fade v-fade3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div><div class=\"v-fade v-fade4\" v-bind:style=\"[spinnerStyle,animationStyle4]\">\n    </div><div class=\"v-fade v-fade5\" v-bind:style=\"[spinnerStyle,animationStyle5]\">\n    </div><div class=\"v-fade v-fade6\" v-bind:style=\"[spinnerStyle,animationStyle6]\">\n    </div><div class=\"v-fade v-fade7\" v-bind:style=\"[spinnerStyle,animationStyle7]\">\n    </div><div class=\"v-fade v-fade8\" v-bind:style=\"[spinnerStyle,animationStyle8]\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 59 */
+/* 43 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(60)
-	__vue_script__ = __webpack_require__(62)
-	__vue_template__ = __webpack_require__(63)
+	__webpack_require__(44)
+	__vue_script__ = __webpack_require__(46)
+	__vue_template__ = __webpack_require__(47)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -2221,7 +2211,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/PacmanLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/PacmanLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -2230,23 +2220,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 60 */
+/* 44 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(61);
+	var content = __webpack_require__(45);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -2256,21 +2246,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 61 */
+/* 45 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner\n{\n    text-align: center;\n}\n\n/*TODO computed transform */\n@-webkit-keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n\n@keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}", ""]);
+	exports.push([module.id, "\n.v-spinner\n{\n    text-align: center;\n}\n\n/*TODO computed transform */\n@-webkit-keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n\n@keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n", "", {"version":3,"sources":["/./src/PacmanLoader.vue.style"],"names":[],"mappings":";AAsGA;;IAEA,mBAAA;CACA;;AAEA,4BAAA;AACA;;IAEA;;QAEA,qBAAA;QACA,aAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qBAAA;QACA,aAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;CACA","file":"PacmanLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n    <div class=\"v-pacman v-pacman1\" v-bind:style=\"spinnerStyle1\">\n    </div><div class=\"v-pacman v-pacman2\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay2]\">\n    </div><div class=\"v-pacman v-pacman3\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay3]\">\n    </div><div class=\"v-pacman v-pacman4\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay4]\">\n    </div><div class=\"v-pacman v-pacman5\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay5]\">\n    </div>\n</div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'PacmanLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '25px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerDelay2: {\n        animationDelay: '0.25s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.50s'\n      },\n      spinnerDelay4: {\n        animationDelay: '0.75s'\n      },\n      spinnerDelay5: {\n        animationDelay: '1s'\n      }\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        backgroundColor: this.color,\n        width: this.size,\n        height: this.size,\n        margin: this.margin,\n        borderRadius: this.radius,\n      }\n    },\n    border1 () {\n      return this.size + ' solid transparent'\n    },\n    border2 () {\n      return this.size + ' solid ' + this.color\n    },\n    spinnerStyle1 () {\n      return {\n        width: 0,\n        height: 0,\n        borderTop: this.border2,\n        borderRight: this.border1,\n        borderBottom: this.border2,\n        borderLeft: this.border2,\n        borderRadius: this.size\n      }\n    },\n    animationStyle () {\n      return {\n        width: '10px',\n        height: '10px',\n        transform: 'translate(0, '+ -parseFloat(this.size)/4 + 'px)',\n        position: 'absolute',\n        top: '25px',\n        left: '100px',\n        animationName: 'v-pacmanStretchDelay',\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'linear',\n        animationFillMode: 'both'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n    text-align: center;\n}\n\n/*TODO computed transform */\n@-webkit-keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n\n@keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 62 */
+/* 46 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -2288,7 +2278,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	// </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -2379,19 +2369,19 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	};
 	// </script>
-
+	//
 	// <style>
 	// .v-spinner
 	// {
 	//     text-align: center;
 	// }
-
+	//
 	// /*TODO computed transform */
 	// @-webkit-keyframes v-pacmanStretchDelay
 	// {
 	//     75%
 	//     {
-	//         -webkit-opacity: 0.7;            
+	//         -webkit-opacity: 0.7;             
 	//         opacity: 0.7;
 	//     }
 	//     100%
@@ -2400,12 +2390,12 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: translate(-100px, -6.25px);
 	//     }
 	// }
-
+	//
 	// @keyframes v-pacmanStretchDelay
 	// {
 	//     75%
 	//     {
-	//         -webkit-opacity: 0.7;            
+	//         -webkit-opacity: 0.7;             
 	//         opacity: 0.7;
 	//     }
 	//     100%
@@ -2415,21 +2405,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 63 */
+/* 47 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n    <div class=\"v-pacman v-pacman1\" v-bind:style=\"spinnerStyle1\">\n    </div><div class=\"v-pacman v-pacman2\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay2]\">\n    </div><div class=\"v-pacman v-pacman3\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay3]\">\n    </div><div class=\"v-pacman v-pacman4\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay4]\">\n    </div><div class=\"v-pacman v-pacman5\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay5]\">\n    </div>\n</div>";
+	module.exports = "\n<div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n    <div class=\"v-pacman v-pacman1\" v-bind:style=\"spinnerStyle1\">\n    </div><div class=\"v-pacman v-pacman2\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay2]\">\n    </div><div class=\"v-pacman v-pacman3\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay3]\">\n    </div><div class=\"v-pacman v-pacman4\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay4]\">\n    </div><div class=\"v-pacman v-pacman5\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay5]\">\n    </div>\n</div>\n";
 
 /***/ },
-/* 64 */
+/* 48 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(65)
-	__vue_script__ = __webpack_require__(67)
-	__vue_template__ = __webpack_require__(68)
+	__webpack_require__(49)
+	__vue_script__ = __webpack_require__(51)
+	__vue_template__ = __webpack_require__(52)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -2437,7 +2428,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/SquareLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/SquareLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -2446,23 +2437,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 65 */
+/* 49 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(66);
+	var content = __webpack_require__(50);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -2472,21 +2463,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 66 */
+/* 50 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-square\n{\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    -webkit-perspective: 100px;\n            perspective: 100px;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}", ""]);
+	exports.push([module.id, "\n.v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-square\n{\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    -webkit-perspective: 100px;\n            perspective: 100px;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n", "", {"version":3,"sources":["/./src/SquareLoader.vue.style"],"names":[],"mappings":";AAwCA;;IAEA,mBAAA;CACA;;AAEA;;IAEA,6EAAA;YACA,qEAAA;IACA,kCAAA;WACA,0BAAA;IACA,2BAAA;YAAA,mBAAA;IACA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,mDAAA;gBACA,2CAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,yCAAA;gBACA,iCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,mDAAA;gBACA,2CAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,yCAAA;gBACA,iCAAA;KACA;CACA","file":"SquareLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-square\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'SquareLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '50px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t  width: this.size\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-square\n{\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    perspective: 100px;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 67 */
+/* 51 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -2500,7 +2491,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -2531,13 +2522,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// .v-spinner
 	// {
 	//     text-align: center;
 	// }
-
+	//
 	// .v-spinner .v-square
 	// {
 	//     -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);
@@ -2547,7 +2538,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     perspective: 100px;
 	//     display: inline-block;
 	// }
-
+	//
 	// @-webkit-keyframes v-squareDelay
 	// {
 	//     25%
@@ -2571,7 +2562,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotateX(0) rotateY(0);
 	//     }
 	// }
-
+	//
 	// @keyframes v-squareDelay
 	// {
 	//     25%
@@ -2596,21 +2587,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 68 */
+/* 52 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-square\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-square\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 69 */
+/* 53 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(70)
-	__vue_script__ = __webpack_require__(72)
-	__vue_template__ = __webpack_require__(73)
+	__webpack_require__(54)
+	__vue_script__ = __webpack_require__(56)
+	__vue_template__ = __webpack_require__(57)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -2618,7 +2610,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/ScaleLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/ScaleLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -2627,23 +2619,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 70 */
+/* 54 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(71);
+	var content = __webpack_require__(55);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -2653,21 +2645,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 71 */
+/* 55 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n\n@-webkit-keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n\n@keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}", ""]);
+	exports.push([module.id, "\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n\n@-webkit-keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n\n@keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n", "", {"version":3,"sources":["/./src/ScaleLoader.vue.style"],"names":[],"mappings":";AAkFA;;AAEA;;;mBAGA;IACA,sBAAA;IACA,mBAAA;;CAEA;;;AAGA;;IAEA;;;QAGA,6BAAA;gBACA,qBAAA;KACA;IACA;;QAEA,+BAAA;gBACA,uBAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,6BAAA;gBACA,qBAAA;KACA;IACA;;QAEA,+BAAA;gBACA,uBAAA;KACA;CACA","file":"ScaleLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-scale v-scale1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-scale v-scale2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-scale v-scale3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div><div class=\"v-scale v-scale4\" v-bind:style=\"[spinnerStyle,spinnerDelay4]\">\n    </div><div class=\"v-scale v-scale5\" v-bind:style=\"[spinnerStyle,spinnerDelay5]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'ScaleLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \theight: {\n      type: String,\n      default: '35px'\n    },\n  \twidth: {\n      type: String,\n      default: '4px'\n    },\n  \tmargin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '2px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.height,\n     \t\twidth: this.width,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-scaleStretchDelay',\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\n        animationFillMode: 'both'\n      \t// TODO \n      \t// animation: ['sk-waveStretchDelay', '1s', 'infinite', 'cubic-bezier(.2,.68,.18,1.08)'].join(' '),\n      \t// animationFillMode: \"both\"\n      },\n      spinnerDelay1: {\n        animationDelay: '0.1s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.2s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.3s'\n      },\n      spinnerDelay4: {\n        animationDelay: '0.4s'\n      },\n      spinnerDelay5: {\n        animationDelay: '0.5s'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n\n@-webkit-keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n\n@keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 72 */
+/* 56 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -2685,7 +2677,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -2731,7 +2723,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	        animationIterationCount: 'infinite',
 	        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',
 	        animationFillMode: 'both'
-	        // TODO
+	        // TODO 
 	        // animation: ['sk-waveStretchDelay', '1s', 'infinite', 'cubic-bezier(.2,.68,.18,1.08)'].join(' '),
 	        // animationFillMode: "both"
 	      },
@@ -2754,19 +2746,20 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// .v-spinner
 	// {
-	// /*	  font-size: 10px;
-
+	// /*	  font-size: 10px; 
+	//
 	//     width: 60px;
 	//     height: 40px;*/
 	//     /*margin: 25px auto;*/
 	//     text-align: center;
-
+	//
 	// }
-
+	//
+	//
 	// @-webkit-keyframes v-scaleStretchDelay
 	// {
 	//     0%,
@@ -2781,7 +2774,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: scaleY(0.4);
 	//     }
 	// }
-
+	//
 	// @keyframes v-scaleStretchDelay
 	// {
 	//     0%,
@@ -2797,21 +2790,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 73 */
+/* 57 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-scale v-scale1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-scale v-scale2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-scale v-scale3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div><div class=\"v-scale v-scale4\" v-bind:style=\"[spinnerStyle,spinnerDelay4]\">\n    </div><div class=\"v-scale v-scale5\" v-bind:style=\"[spinnerStyle,spinnerDelay5]\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-scale v-scale1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-scale v-scale2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-scale v-scale3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div><div class=\"v-scale v-scale4\" v-bind:style=\"[spinnerStyle,spinnerDelay4]\">\n    </div><div class=\"v-scale v-scale5\" v-bind:style=\"[spinnerStyle,spinnerDelay5]\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 74 */
+/* 58 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(75)
-	__vue_script__ = __webpack_require__(77)
-	__vue_template__ = __webpack_require__(78)
+	__webpack_require__(59)
+	__vue_script__ = __webpack_require__(61)
+	__vue_template__ = __webpack_require__(62)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -2819,7 +2813,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/SkewLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/SkewLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -2828,23 +2822,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 75 */
+/* 59 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(76);
+	var content = __webpack_require__(60);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -2854,21 +2848,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 76 */
+/* 60 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-skew\n{\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}", ""]);
+	exports.push([module.id, "\n.v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-skew\n{\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n", "", {"version":3,"sources":["/./src/SkewLoader.vue.style"],"names":[],"mappings":";AA0CA;;IAEA,mBAAA;CACA;;AAEA;;IAEA,2EAAA;YACA,mEAAA;IACA,kCAAA;WACA,0BAAA;IACA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,sEAAA;gBACA,8DAAA;KACA;IACA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,4DAAA;gBACA,oDAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,sEAAA;gBACA,8DAAA;KACA;IACA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,4DAAA;gBACA,oDAAA;KACA;CACA","file":"SkewLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-skew\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'SkewLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '20px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \theight: 0,\n     \t  width: 0,\n        borderLeft: this.size + ' solid transparent',\n        borderRight: this.size + ' solid transparent',\n        borderBottom: this.size + ' solid ' + this.color\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-skew\n{\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 77 */
+/* 61 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -2882,7 +2876,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -2915,13 +2909,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }
 	};
 	// </script>
-
+	//
 	// <style>
 	// .v-spinner
 	// {
 	//     text-align: center;
 	// }
-
+	//
 	// .v-spinner .v-skew
 	// {
 	//     -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);
@@ -2930,7 +2924,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	// 	          animation-fill-mode: both;
 	//     display: inline-block;
 	// }
-
+	//
 	// @-webkit-keyframes v-skewDelay
 	// {
 	//     25%
@@ -2954,7 +2948,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: perspective(100px) rotateX(0) rotateY(0);
 	//     }
 	// }
-
+	//
 	// @keyframes v-skewDelay
 	// {
 	//     25%
@@ -2979,21 +2973,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 78 */
+/* 62 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-skew\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-skew\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n";
 
 /***/ },
-/* 79 */
+/* 63 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(80)
-	__vue_script__ = __webpack_require__(82)
-	__vue_template__ = __webpack_require__(83)
+	__webpack_require__(64)
+	__vue_script__ = __webpack_require__(66)
+	__vue_template__ = __webpack_require__(67)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -3001,7 +2996,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/MoonLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/MoonLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -3010,23 +3005,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 80 */
+/* 64 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(81);
+	var content = __webpack_require__(65);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -3036,21 +3031,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 81 */
+/* 65 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-moon1\n{\n\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: relative;\n}\n\n.v-spinner .v-moon2\n{\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    opacity: 0.8;\n    position: absolute;\n}\n\n.v-spinner .v-moon3\n{\n    opacity: 0.1;\n}\n\n@-webkit-keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-moon1\n{\n\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: relative;\n}\n\n.v-spinner .v-moon2\n{\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    opacity: 0.8;\n    position: absolute;\n}\n\n.v-spinner .v-moon3\n{\n    opacity: 0.1;\n}\n\n@-webkit-keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n", "", {"version":3,"sources":["/./src/MoonLoader.vue.style"],"names":[],"mappings":";;AA0EA;;;IAGA,8DAAA;YACA,sDAAA;IACA,sCAAA;YACA,8BAAA;IACA,mBAAA;CACA;;AAEA;;IAEA,8DAAA;YACA,sDAAA;IACA,sCAAA;YACA,8BAAA;IACA,aAAA;IACA,mBAAA;CACA;;AAEA;;IAEA,aAAA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA","file":"MoonLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-moon v-moon1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-moon v-moon2\" v-bind:style=\"[spinnerMoonStyle,animationStyle2]\">\n    </div><div class=\"v-moon v-moon3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'MoonLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        height: this.size,\n        width: this.size,\n        borderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    moonSize() {\n      return parseFloat(this.size)/7\n    },\n    spinnerMoonStyle () {\n      return {\n        height: this.moonSize  + 'px',\n        width: this.moonSize  + 'px',\n        borderRadius: this.radius\n      }\n    },\n    animationStyle2 () {\n      return {\n        top: parseFloat(this.size)/2 - this.moonSize/2 + 'px',\n        backgroundColor: this.color\n      }\n    },\n    animationStyle3 () {\n      return {\n        border: this.moonSize + 'px solid ' + this.color\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-moon1\n{\n\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: relative;\n}\n\n.v-spinner .v-moon2\n{\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    opacity: 0.8;\n    position: absolute;\n}\n\n.v-spinner .v-moon3\n{\n    opacity: 0.1;\n}\n\n@-webkit-keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 82 */
+/* 66 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -3066,7 +3061,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div></div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -3130,19 +3125,19 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-moon1
 	// {
-
+	//
 	//     -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;
 	//             animation: v-moonStretchDelay 0.6s 0s infinite linear;
 	//     -webkit-animation-fill-mode: forwards;
 	//             animation-fill-mode: forwards;
 	//     position: relative;
 	// }
-
+	//
 	// .v-spinner .v-moon2
 	// {
 	//     -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;
@@ -3152,12 +3147,12 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     opacity: 0.8;
 	//     position: absolute;
 	// }
-
+	//
 	// .v-spinner .v-moon3
 	// {
 	//     opacity: 0.1;
 	// }
-
+	//
 	// @-webkit-keyframes v-moonStretchDelay
 	// {
 	//     100%
@@ -3166,7 +3161,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotate(360deg);
 	//     }
 	// }
-
+	//
 	// @keyframes v-moonStretchDelay
 	// {
 	//     100%
@@ -3176,21 +3171,22 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 83 */
+/* 67 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-moon v-moon1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-moon v-moon2\" v-bind:style=\"[spinnerMoonStyle,animationStyle2]\">\n    </div><div class=\"v-moon v-moon3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div></div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-moon v-moon1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-moon v-moon2\" v-bind:style=\"[spinnerMoonStyle,animationStyle2]\">\n    </div><div class=\"v-moon v-moon3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div></div>\n  </div>\n";
 
 /***/ },
-/* 84 */
+/* 68 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(85)
-	__vue_script__ = __webpack_require__(87)
-	__vue_template__ = __webpack_require__(88)
+	__webpack_require__(69)
+	__vue_script__ = __webpack_require__(71)
+	__vue_template__ = __webpack_require__(72)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -3198,7 +3194,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/RingLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/RingLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -3207,23 +3203,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 85 */
+/* 69 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(86);
+	var content = __webpack_require__(70);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -3233,21 +3229,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 86 */
+/* 70 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-ring\n{         \n}\n\n.v-spinner .v-ring1\n{      \n}\n\n.v-spinner .v-ring2\n{\n\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\n            animation: v-ringRightRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    -webkit-perspective: 800px;\n            perspective: 800px;  \n    position: absolute;          \n    top: 0;\n    left: 0;\n}\n\n.v-spinner .v-ring3\n{\n\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\n            animation: v-ringLeftRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    -webkit-perspective: 800px;\n            perspective: 800px;            \n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n@-webkit-keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@-webkit-keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-ring\n{         \n}\n\n.v-spinner .v-ring1\n{      \n}\n\n.v-spinner .v-ring2\n{\n\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\n            animation: v-ringRightRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    -webkit-perspective: 800px;\n            perspective: 800px;  \n    position: absolute;          \n    top: 0;\n    left: 0;\n}\n\n.v-spinner .v-ring3\n{\n\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\n            animation: v-ringLeftRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    -webkit-perspective: 800px;\n            perspective: 800px;            \n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n@-webkit-keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@-webkit-keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n", "", {"version":3,"sources":["/./src/RingLoader.vue.style"],"names":[],"mappings":";;AA4DA;;CAEA;;AAEA;;CAEA;;AAEA;;;IAGA,2DAAA;YACA,mDAAA;IACA,sCAAA;YACA,8BAAA;IACA,2BAAA;YAAA,mBAAA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;CACA;;AAEA;;;IAGA,0DAAA;YACA,kDAAA;IACA,sCAAA;YACA,8BAAA;IACA,2BAAA;YAAA,mBAAA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA","file":"RingLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-ring v-ring1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-ring v-ring2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-ring v-ring3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'RingLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        border: parseFloat(this.size)/10 + 'px solid' + this.color,\n        opacity: 0.4,\n        borderRadius: this.radius\n      }\n    },\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-ring\n{         \n}\n\n.v-spinner .v-ring1\n{      \n}\n\n.v-spinner .v-ring2\n{\n\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\n            animation: v-ringRightRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    perspective: 800px;  \n    position: absolute;          \n    top: 0;\n    left: 0;\n}\n\n.v-spinner .v-ring3\n{\n\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\n            animation: v-ringLeftRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    perspective: 800px;            \n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n@-webkit-keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@-webkit-keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 87 */
+/* 71 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -3263,7 +3259,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div></div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -3312,43 +3308,43 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-ring
-	// {        
+	// {         
 	// }
-
+	//
 	// .v-spinner .v-ring1
-	// {     
+	// {      
 	// }
-
+	//
 	// .v-spinner .v-ring2
 	// {
-
+	//
 	//     -webkit-animation: v-ringRightRotate 2s 0s infinite linear;
 	//             animation: v-ringRightRotate 2s 0s infinite linear;
 	//     -webkit-animation-fill-mode: forwards;
 	//             animation-fill-mode: forwards;
-	//     perspective: 800px; 
-	//     position: absolute;         
+	//     perspective: 800px;  
+	//     position: absolute;          
 	//     top: 0;
 	//     left: 0;
 	// }
-
+	//
 	// .v-spinner .v-ring3
 	// {
-
+	//
 	//     -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;
 	//             animation: v-ringLeftRotate 2s 0s infinite linear;
 	//     -webkit-animation-fill-mode: forwards;
 	//             animation-fill-mode: forwards;
-	//     perspective: 800px;           
+	//     perspective: 800px;            
 	//     position: absolute;
 	//     top: 0;
 	//     left: 0;
 	// }
-
+	//
 	// @-webkit-keyframes v-ringRightRotate
 	// {
 	//     0%
@@ -3357,13 +3353,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
 	//     }
 	//     100%
-	//     {
+	//     { 
 	//         -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
 	//                 transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
-
+	//
 	//     }
 	// }
-
+	//
 	// @keyframes v-ringRightRotate
 	// {
 	//     0%
@@ -3372,13 +3368,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
 	//     }
 	//     100%
-	//     {
+	//     { 
 	//         -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
 	//                 transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);
-
+	//
 	//     }
 	// }
-
+	//
 	// @-webkit-keyframes v-ringLeftRotate
 	// {
 	//     0%
@@ -3387,13 +3383,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
 	//     }
 	//     100%
-	//     {
+	//     { 
 	//         -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
 	//                 transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
-
+	//
 	//     }
 	// }
-
+	//
 	// @keyframes v-ringLeftRotate
 	// {
 	//     0%
@@ -3402,28 +3398,29 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
 	//     }
 	//     100%
-	//     {
+	//     { 
 	//         -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
 	//                 transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);
-
+	//
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 88 */
+/* 72 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-ring v-ring1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-ring v-ring2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-ring v-ring3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-ring v-ring1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-ring v-ring2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-ring v-ring3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n";
 
 /***/ },
-/* 89 */
+/* 73 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(90)
-	__vue_script__ = __webpack_require__(92)
-	__vue_template__ = __webpack_require__(93)
+	__webpack_require__(74)
+	__vue_script__ = __webpack_require__(76)
+	__vue_template__ = __webpack_require__(77)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -3431,7 +3428,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/BounceLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/BounceLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -3440,23 +3437,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 90 */
+/* 74 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(91);
+	var content = __webpack_require__(75);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -3466,21 +3463,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 91 */
+/* 75 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-bounce\n{\n          \n}\n\n.v-spinner .v-bounce1\n{\n}\n\n.v-spinner .v-bounce2\n{\n\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n.v-spinner .v-bounce3\n{\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n@-webkit-keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n\n@keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-bounce\n{\n          \n}\n\n.v-spinner .v-bounce1\n{\n}\n\n.v-spinner .v-bounce2\n{\n\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n.v-spinner .v-bounce3\n{\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n@-webkit-keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n\n@keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n", "", {"version":3,"sources":["/./src/BounceLoader.vue.style"],"names":[],"mappings":";;AAiEA;;;CAGA;;AAEA;;CAEA;;AAEA;;;IAGA,mEAAA;YACA,2DAAA;IACA,kCAAA;YACA,0BAAA;CACA;;AAEA;;IAEA,mEAAA;YACA,2DAAA;IACA,kCAAA;YACA,0BAAA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;;KAEA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;;KAEA;CACA","file":"BounceLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-bounce v-bounce1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-bounce v-bounce2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-bounce v-bounce3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'BounceLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        backgroundColor: this.color,\n        height: this.size,\n        width: this.size,\n        borderRadius: this.radius,\n        opacity: 0.6,\n        position: 'absolute',\n        top: 0,\n        left: 0\n      }\n    }\n  },\n  computed: {\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-bounce\n{\n          \n}\n\n.v-spinner .v-bounce1\n{\n}\n\n.v-spinner .v-bounce2\n{\n\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n.v-spinner .v-bounce3\n{\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n@-webkit-keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n\n@keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 92 */
+/* 76 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -3496,7 +3493,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div></div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -3551,27 +3548,27 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-bounce
 	// {
-
+	//
 	// }
-
+	//
 	// .v-spinner .v-bounce1
 	// {
 	// }
-
+	//
 	// .v-spinner .v-bounce2
 	// {
-
+	//
 	//     -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;
 	//             animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;
 	//     -webkit-animation-fill-mode: both;
 	//             animation-fill-mode: both;
 	// }
-
+	//
 	// .v-spinner .v-bounce3
 	// {
 	//     -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;
@@ -3579,7 +3576,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     -webkit-animation-fill-mode: both;
 	//             animation-fill-mode: both;
 	// }
-
+	//
 	// @-webkit-keyframes v-bounceStretchDelay
 	// {
 	//     0%,
@@ -3589,13 +3586,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: scale(0);
 	//     }
 	//     50%
-	//     {
+	//     { 
 	//         -webkit-transform: scale(1.0);
 	//                 transform: scale(1.0);
-
+	//
 	//     }
 	// }
-
+	//
 	// @keyframes v-bounceStretchDelay
 	// {
 	//     0%,
@@ -3605,28 +3602,29 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: scale(0);
 	//     }
 	//     50%
-	//     {
+	//     { 
 	//         -webkit-transform: scale(1.0);
 	//                 transform: scale(1.0);
-
+	//
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 93 */
+/* 77 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-bounce v-bounce1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-bounce v-bounce2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-bounce v-bounce3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-bounce v-bounce1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-bounce v-bounce2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-bounce v-bounce3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n";
 
 /***/ },
-/* 94 */
+/* 78 */
 /***/ function(module, exports, __webpack_require__) {
 
 	var __vue_script__, __vue_template__
-	__webpack_require__(95)
-	__vue_script__ = __webpack_require__(97)
-	__vue_template__ = __webpack_require__(98)
+	__webpack_require__(79)
+	__vue_script__ = __webpack_require__(81)
+	__vue_template__ = __webpack_require__(82)
 	module.exports = __vue_script__ || {}
 	if (module.exports.__esModule) module.exports = module.exports.default
 	if (__vue_template__) { (typeof module.exports === "function" ? module.exports.options : module.exports).template = __vue_template__ }
@@ -3634,7 +3632,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  var hotAPI = require("vue-hot-reload-api")
 	  hotAPI.install(require("vue"), true)
 	  if (!hotAPI.compatible) return
-	  var id = "/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/DotLoader.vue"
+	  var id = "/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/DotLoader.vue"
 	  if (!module.hot.data) {
 	    hotAPI.createRecord(id, module.exports)
 	  } else {
@@ -3643,23 +3641,23 @@ return /******/ (function(modules) { // webpackBootstrap
 	})()}
 
 /***/ },
-/* 95 */
+/* 79 */
 /***/ function(module, exports, __webpack_require__) {
 
 	// style-loader: Adds some css to the DOM by adding a <style> tag
 	
 	// load the styles
-	var content = __webpack_require__(96);
+	var content = __webpack_require__(80);
 	if(typeof content === 'string') content = [[module.id, content, '']];
 	// add the styles to the DOM
-	var update = __webpack_require__(21)(content, {});
+	var update = __webpack_require__(5)(content, {});
 	if(content.locals) module.exports = content.locals;
 	// Hot Module Replacement
 	if(false) {
 		// When the styles change, update the <style> tags
 		if(!content.locals) {
-			module.hot.accept("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue", function() {
-				var newContent = require("!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue");
+			module.hot.accept("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue", function() {
+				var newContent = require("!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue");
 				if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];
 				update(newContent);
 			});
@@ -3669,21 +3667,21 @@ return /******/ (function(modules) { // webpackBootstrap
 	}
 
 /***/ },
-/* 96 */
+/* 80 */
 /***/ function(module, exports, __webpack_require__) {
 
-	exports = module.exports = __webpack_require__(20)();
+	exports = module.exports = __webpack_require__(4)();
 	// imports
 	
 	
 	// module
-	exports.push([module.id, ".v-spinner .v-dot\n{\n          \n}\n\n.v-spinner .v-dot1\n{\n\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\n            animation: v-dotRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n}\n\n.v-spinner .v-dot2\n{\n\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\n            animation: v-dotBounce 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: 0;\n    bottom: auto;\n}\n\n.v-spinner .v-dot3\n{\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\n            animation: v-dotBounce 2s -1s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: auto;\n    bottom: 0;            \n}\n\n@-webkit-keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@-webkit-keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n\n@keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}", ""]);
+	exports.push([module.id, "\n\n.v-spinner .v-dot\n{\n          \n}\n\n.v-spinner .v-dot1\n{\n\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\n            animation: v-dotRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n}\n\n.v-spinner .v-dot2\n{\n\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\n            animation: v-dotBounce 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: 0;\n    bottom: auto;\n}\n\n.v-spinner .v-dot3\n{\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\n            animation: v-dotBounce 2s -1s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: auto;\n    bottom: 0;            \n}\n\n@-webkit-keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@-webkit-keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n\n@keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n", "", {"version":3,"sources":["/./src/DotLoader.vue.style"],"names":[],"mappings":";;AA2DA;;;CAGA;;AAEA;;;IAGA,qDAAA;YACA,6CAAA;IACA,sCAAA;YACA,8BAAA;CACA;;AAEA;;;IAGA,qDAAA;YACA,6CAAA;IACA,sCAAA;YACA,8BAAA;IACA,qBAAA;IACA,OAAA;IACA,aAAA;CACA;;AAEA;;IAEA,sDAAA;YACA,8CAAA;IACA,sCAAA;YACA,8BAAA;IACA,qBAAA;IACA,UAAA;IACA,UAAA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;CACA","file":"DotLoader.vue","sourcesContent":["<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-dot v-dot1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-dot v-dot2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-dot v-dot3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'DotLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        backgroundColor: this.color,\n        height: parseFloat(this.size)/2 + 'px',\n        width: parseFloat(this.size)/2 + 'px',\n        borderRadius: this.radius\n      }\n    },\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-dot\n{\n          \n}\n\n.v-spinner .v-dot1\n{\n\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\n            animation: v-dotRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n}\n\n.v-spinner .v-dot2\n{\n\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\n            animation: v-dotBounce 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: 0;\n    bottom: auto;\n}\n\n.v-spinner .v-dot3\n{\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\n            animation: v-dotBounce 2s -1s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: auto;\n    bottom: 0;            \n}\n\n@-webkit-keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@-webkit-keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n\n@keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n</style>"],"sourceRoot":"webpack://"}]);
 	
 	// exports
 
 
 /***/ },
-/* 97 */
+/* 81 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -3699,7 +3697,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     </div></div>
 	//   </div>
 	// </template>
-	
+	//
 	// <script>
 	exports.default = {
 	
@@ -3747,26 +3745,26 @@ return /******/ (function(modules) { // webpackBootstrap
 	
 	};
 	// </script>
-
+	//
 	// <style>
-
+	//
 	// .v-spinner .v-dot
 	// {
-
+	//
 	// }
-
+	//
 	// .v-spinner .v-dot1
 	// {
-
+	//
 	//     -webkit-animation: v-dotRotate 2s 0s infinite linear;
 	//             animation: v-dotRotate 2s 0s infinite linear;
 	//     -webkit-animation-fill-mode: forwards;
 	//             animation-fill-mode: forwards;
 	// }
-
+	//
 	// .v-spinner .v-dot2
 	// {
-
+	//
 	//     -webkit-animation: v-dotBounce 2s 0s infinite linear;
 	//             animation: v-dotBounce 2s 0s infinite linear;
 	//     -webkit-animation-fill-mode: forwards;
@@ -3775,7 +3773,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     top: 0;
 	//     bottom: auto;
 	// }
-
+	//
 	// .v-spinner .v-dot3
 	// {
 	//     -webkit-animation: v-dotBounce 2s -1s infinite linear;
@@ -3784,9 +3782,9 @@ return /******/ (function(modules) { // webpackBootstrap
 	//             animation-fill-mode: forwards;
 	//     position: 'absolute';
 	//     top: auto;
-	//     bottom: 0;           
+	//     bottom: 0;            
 	// }
-
+	//
 	// @-webkit-keyframes v-dotRotate
 	// {
 	//     100%
@@ -3795,7 +3793,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotate(360deg);
 	//     }
 	// }
-
+	//
 	// @keyframes v-dotRotate
 	// {
 	//     100%
@@ -3804,7 +3802,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: rotate(360deg);
 	//     }
 	// }
-
+	//
 	// @-webkit-keyframes v-dotBounce
 	// {
 	//     0%,
@@ -3819,7 +3817,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	//                 transform: scale(1.0);
 	//     }
 	// }
-
+	//
 	// @keyframes v-dotBounce
 	// {
 	//     0%,
@@ -3835,12 +3833,13 @@ return /******/ (function(modules) { // webpackBootstrap
 	//     }
 	// }
 	// </style>
+	/* generated by vue-loader */
 
 /***/ },
-/* 98 */
+/* 82 */
 /***/ function(module, exports) {
 
-	module.exports = "<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-dot v-dot1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-dot v-dot2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-dot v-dot3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>";
+	module.exports = "\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-dot v-dot1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-dot v-dot2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-dot v-dot3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n";
 
 /***/ }
 /******/ ])
diff --git a/dist/vue-spinner.js.map b/dist/vue-spinner.js.map
index 0e16d51..b5db956 100644
--- a/dist/vue-spinner.js.map
+++ b/dist/vue-spinner.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap 192e95334b191c093c2b","webpack:///./src/index.js","webpack:///./src/PulseLoader.vue?b307","webpack:///./src/PulseLoader.vue?3851","webpack:///./src/PulseLoader.vue?3c0b","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/addStyles.js","webpack:///./src/PulseLoader.vue","webpack:///./src/PulseLoader.vue?b3bd","webpack:///./src/GridLoader.vue?4b81","webpack:///./src/GridLoader.vue?48ff","webpack:///./src/GridLoader.vue?ec2d","webpack:///./src/GridLoader.vue","webpack:///./src/GridLoader.vue?5dee","webpack:///./src/ClipLoader.vue?e928","webpack:///./src/ClipLoader.vue?2107","webpack:///./src/ClipLoader.vue?fd18","webpack:///./src/ClipLoader.vue","webpack:///./src/ClipLoader.vue?00c4","webpack:///./src/RiseLoader.vue?5a3f","webpack:///./src/RiseLoader.vue?bff2","webpack:///./src/RiseLoader.vue?887b","webpack:///./src/RiseLoader.vue","webpack:///./src/RiseLoader.vue?bb40","webpack:///./src/BeatLoader.vue?f31c","webpack:///./src/BeatLoader.vue?f80f","webpack:///./src/BeatLoader.vue?d832","webpack:///./src/BeatLoader.vue","webpack:///./src/BeatLoader.vue?5fec","webpack:///./src/SyncLoader.vue?6b28","webpack:///./src/SyncLoader.vue?8899","webpack:///./src/SyncLoader.vue?729b","webpack:///./src/SyncLoader.vue","webpack:///./src/SyncLoader.vue?3aea","webpack:///./src/RotateLoader.vue?0a91","webpack:///./src/RotateLoader.vue?c2e3","webpack:///./src/RotateLoader.vue?d4d2","webpack:///./src/RotateLoader.vue","webpack:///./src/RotateLoader.vue?1506","webpack:///./src/FadeLoader.vue?212e","webpack:///./src/FadeLoader.vue?c43a","webpack:///./src/FadeLoader.vue?4391","webpack:///./src/FadeLoader.vue","webpack:///./src/FadeLoader.vue?0b33","webpack:///./src/PacmanLoader.vue?11af","webpack:///./src/PacmanLoader.vue?7b2e","webpack:///./src/PacmanLoader.vue?e7c2","webpack:///./src/PacmanLoader.vue","webpack:///./src/PacmanLoader.vue?b4f8","webpack:///./src/SquareLoader.vue?c11d","webpack:///./src/SquareLoader.vue?3574","webpack:///./src/SquareLoader.vue?a801","webpack:///./src/SquareLoader.vue","webpack:///./src/SquareLoader.vue?efee","webpack:///./src/ScaleLoader.vue?05ec","webpack:///./src/ScaleLoader.vue?3ade","webpack:///./src/ScaleLoader.vue?5e77","webpack:///./src/ScaleLoader.vue","webpack:///./src/ScaleLoader.vue?6ebe","webpack:///./src/SkewLoader.vue?bf9b","webpack:///./src/SkewLoader.vue?80c3","webpack:///./src/SkewLoader.vue?6937","webpack:///./src/SkewLoader.vue","webpack:///./src/SkewLoader.vue?133b","webpack:///./src/MoonLoader.vue?6210","webpack:///./src/MoonLoader.vue?4316","webpack:///./src/MoonLoader.vue?0cd7","webpack:///./src/MoonLoader.vue","webpack:///./src/MoonLoader.vue?648c","webpack:///./src/RingLoader.vue?9838","webpack:///./src/RingLoader.vue?61f6","webpack:///./src/RingLoader.vue?c6f7","webpack:///./src/RingLoader.vue","webpack:///./src/RingLoader.vue?132a","webpack:///./src/BounceLoader.vue?56fb","webpack:///./src/BounceLoader.vue?6179","webpack:///./src/BounceLoader.vue?ed23","webpack:///./src/BounceLoader.vue","webpack:///./src/BounceLoader.vue?b53d","webpack:///./src/DotLoader.vue?0eaf","webpack:///./src/DotLoader.vue?f443","webpack:///./src/DotLoader.vue?0af6","webpack:///./src/DotLoader.vue","webpack:///./src/DotLoader.vue?2791"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;ACVA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,uBAAe;AACf;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrBA,KAAM,UAAU,GAAG;AACjB,cAAW;AACX,aAAU;AACV,aAAU;AACV,aAAU;AACV,aAAU;AACV,aAAU;AACV,eAAY;AACZ,aAAU;AACV,eAAY;AACZ,eAAY;AACZ,cAAW;AACX,aAAU;AACV,aAAU;AACV,aAAU;AACV,eAAY;AACZ,YAAS;EACV;;AAED,OAAM,CAAC,OAAO,GAAG,UAAU,C;;;;;;;;;;;;;;;;;;;;;;ACpC3B;AACA;AACA;AACA;AACA;AACA;AACA,wBAAuB;AACvB,aAAiB,cAAc;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,IAAG;AACH;AACA;AACA,EAAC,I;;;;;;ACjBD;;AAEA;AACA;AACA;AACA;AACA,iDAAgF;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAG;AACH;AACA;AACA,iCAAgC,UAAU,EAAE;AAC5C,E;;;;;;ACpBA;AACA;;;AAGA;AACA,0CAAyC,yBAAyB,yBAAyB,GAAG,iDAAiD,yBAAyB,sCAAsC,sCAAsC,6BAA6B,0CAA0C,OAAO,gBAAgB,wCAAwC,wCAAwC,+BAA+B,4CAA4C,OAAO,GAAG,qCAAqC,yBAAyB,sCAAsC,sCAAsC,6BAA6B,0CAA0C,OAAO,gBAAgB,wCAAwC,wCAAwC,+BAA+B,4CAA4C,OAAO,GAAG;;AAEp4B;;;;;;;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,iBAAgB,iBAAiB;AACjC;AACA;AACA,yCAAwC,gBAAgB;AACxD,KAAI;AACJ;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,iBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA,aAAY,oBAAoB;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;ACjDA;AACA;AACA;AACA;AACA,qBAAoB;AACpB;AACA;AACA;AACA;AACA;AACA;AACA,GAAE;AACF;AACA;AACA,GAAE;AACF;AACA;AACA,GAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,iBAAgB,mBAAmB;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAgB,sBAAsB;AACtC;AACA;AACA,mBAAkB,2BAA2B;AAC7C;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,gBAAe,mBAAmB;AAClC;AACA;AACA;AACA;AACA,kBAAiB,2BAA2B;AAC5C;AACA;AACA,SAAQ,uBAAuB;AAC/B;AACA;AACA,IAAG;AACH;AACA,kBAAiB,uBAAuB;AACxC;AACA;AACA,4BAA2B;AAC3B;AACA;AACA;;AAEA;AACA;AACA;AACA,gBAAe,iBAAiB;AAChC;AACA;AACA;AACA;AACA;AACA,eAAc;AACd;AACA,iCAAgC,sBAAsB;AACtD;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAG;AACH;AACA,IAAG;AACH;AACA;AACA;AACA,GAAE;AACF;AACA,GAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAE;AACF;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;A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","file":"./dist/vue-spinner.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueSpinner\"] = factory();\n\telse\n\t\troot[\"VueSpinner\"] = factory();\n})(this, function() {\nreturn \n\n\n/** WEBPACK FOOTER **\n ** webpack/universalModuleDefinition\n **/"," \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\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\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.loaded = 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// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap 192e95334b191c093c2b\n **/","import PulseLoader from './PulseLoader.vue'\nimport GridLoader from './GridLoader.vue'\nimport ClipLoader from './ClipLoader.vue'\nimport RiseLoader from './RiseLoader.vue'\nimport BeatLoader from './BeatLoader.vue'\nimport SyncLoader from './SyncLoader.vue'\nimport RotateLoader from './RotateLoader.vue'\nimport FadeLoader from './FadeLoader.vue'\nimport PacmanLoader from './PacmanLoader.vue'\nimport SquareLoader from './SquareLoader.vue'\nimport ScaleLoader from './ScaleLoader.vue'\nimport SkewLoader from './SkewLoader.vue'\nimport MoonLoader from './MoonLoader.vue'\nimport RingLoader from './RingLoader.vue'\nimport BounceLoader from './BounceLoader.vue'\nimport DotLoader from './DotLoader.vue'\n\nconst VueSpinner = {\n  PulseLoader,\n  GridLoader,\n  ClipLoader,\n  RiseLoader,\n  BeatLoader,\n  SyncLoader,\n  RotateLoader,\n  FadeLoader,\n  PacmanLoader,\n  SquareLoader,\n  ScaleLoader,\n  SkewLoader,\n  MoonLoader,\n  RingLoader,\n  BounceLoader,\n  DotLoader\n}\n\nmodule.exports = VueSpinner\n\n\n\n\n/** WEBPACK FOOTER **\n ** ./src/index.js\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./PulseLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./PulseLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/PulseLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/PulseLoader.vue\n ** module id = 17\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PulseLoader.vue\n ** module id = 18\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"/*.v-spinner\\n{\\n    margin: 100px auto;\\n    text-align: center;\\n}\\n*/\\n\\n@-webkit-keyframes v-pulseStretchDelay\\n{\\n    0%,\\n    80%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n    45%\\n    {\\n        -webkit-transform: scale(0.1);\\n                transform: scale(0.1);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n}\\n\\n@keyframes v-pulseStretchDelay\\n{\\n    0%,\\n    80%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n    45%\\n    {\\n        -webkit-transform: scale(0.1);\\n                transform: scale(0.1);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-5fdb9066&file=PulseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PulseLoader.vue\n ** module id = 19\n ** module chunks = 0\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader/lib/css-base.js\n ** module id = 20\n ** module chunks = 0\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader/addStyles.js\n ** module id = 21\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-pulse v-pulse1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n//     </div><div class=\"v-pulse v-pulse2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n//     </div><div class=\"v-pulse v-pulse3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'PulseLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \twidth: this.size,\n        height: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-pulseStretchDelay',\n        animationDuration: '0.75s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\n        animationFillMode: 'both'\n      },\n      spinnerDelay1: {\n        animationDelay: '0.12s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.24s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.36s'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n// /*.v-spinner\n// {\n//     margin: 100px auto;\n//     text-align: center;\n// }\n// */\n\n// @-webkit-keyframes v-pulseStretchDelay\n// {\n//     0%,\n//     80%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n//     45%\n//     {\n//         -webkit-transform: scale(0.1);\n//                 transform: scale(0.1);\n//         -webkit-opacity: 0.7;             \n//                 opacity: 0.7;\n//     }\n// }\n\n// @keyframes v-pulseStretchDelay\n// {\n//     0%,\n//     80%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n//     45%\n//     {\n//         -webkit-transform: scale(0.1);\n//                 transform: scale(0.1);\n//         -webkit-opacity: 0.7;             \n//                 opacity: 0.7;\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/PulseLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-pulse v-pulse1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-pulse v-pulse2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-pulse v-pulse3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/PulseLoader.vue\n ** module id = 23\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./GridLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./GridLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/GridLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/GridLoader.vue\n ** module id = 24\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/GridLoader.vue\n ** module id = 25\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"@-webkit-keyframes v-gridStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.5);\\n                transform: scale(0.5);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-gridStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.5);\\n                transform: scale(0.5);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-52a435c8&file=GridLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/GridLoader.vue\n ** module id = 26\n ** module chunks = 0\n **/","// <template>\n//   <div class=\"v-spinner\" v-bind:style=\"containerStyle\" v-show=\"loading\">\n//     <div class=\"v-grid v-grid1\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle1]\">\n//     </div><div class=\"v-grid v-grid2\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle2]\">\n//     </div><div class=\"v-grid v-grid3\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle3]\">\n//     </div><div class=\"v-grid v-grid4\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle4]\">\n//     </div><div class=\"v-grid v-grid5\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle5]\">\n//     </div><div class=\"v-grid v-grid6\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle6]\">\n//     </div><div class=\"v-grid v-grid7\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle7]\">\n//     </div><div class=\"v-grid v-grid8\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle8]\">\n//     </div><div class=\"v-grid v-grid9\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle9]\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'GridLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        backgroundColor: this.color,\n        width: this.size,\n        height: this.size,\n        margin: this.margin,\n        borderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    animationStyle () {\n      return {\n        animationName: 'v-gridStretchDelay',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'ease',\n        animationFillMode: 'both',\n        display: 'inline-block'\n      }\n    },\n    animationStyle1 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle2 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle3 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle4 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle5 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle6 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle7 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle8 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle9 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    containerStyle () {\n      return {\n        width: parseFloat(this.size) * 3 + parseFloat(this.margin) * 6 + 'px',\n        fontSize: 0\n      }\n    }\n  },\n  methods: {\n    random (value) {\n      return Math.random() * value\n    },\n    delay () {\n      return ((this.random(100) / 100) - 0.2) + 's'\n    },\n    duration () {\n      return ((this.random(100) / 100) + 0.6) + 's'\n    },\n  }\n}\n// </script>\n\n// <style>\n// @-webkit-keyframes v-gridStretchDelay\n// {\n//     0%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(0.5);\n//                 transform: scale(0.5);\n//         -webkit-opacity: 0.7;             \n//                 opacity: 0.7;\n//     }\n//     100%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n// }\n\n// @keyframes v-gridStretchDelay\n// {\n//     0%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(0.5);\n//                 transform: scale(0.5);\n//         -webkit-opacity: 0.7;             \n//                 opacity: 0.7;\n//     }\n//     100%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/GridLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-bind:style=\\\"containerStyle\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-grid v-grid1\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle1]\\\">\\n    </div><div class=\\\"v-grid v-grid2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-grid v-grid3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle3]\\\">\\n    </div><div class=\\\"v-grid v-grid4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle4]\\\">\\n    </div><div class=\\\"v-grid v-grid5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle5]\\\">\\n    </div><div class=\\\"v-grid v-grid6\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle6]\\\">\\n    </div><div class=\\\"v-grid v-grid7\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle7]\\\">\\n    </div><div class=\\\"v-grid v-grid8\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle8]\\\">\\n    </div><div class=\\\"v-grid v-grid9\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle9]\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/GridLoader.vue\n ** module id = 28\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./ClipLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./ClipLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/ClipLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/ClipLoader.vue\n ** module id = 29\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ClipLoader.vue\n ** module id = 30\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n.v-spinner .v-clip\\n{\\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\\n            animation: v-clipDelay 0.75s 0s infinite linear;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-clipDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg) scale(1);\\n                transform: rotate(0deg) scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg) scale(0.8);\\n                transform: rotate(180deg) scale(0.8);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg) scale(1);\\n                transform: rotate(360deg) scale(1);\\n    }\\n}\\n\\n@keyframes v-clipDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg) scale(1);\\n                transform: rotate(0deg) scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg) scale(0.8);\\n                transform: rotate(180deg) scale(0.8);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg) scale(1);\\n                transform: rotate(360deg) scale(1);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-2ed34952&file=ClipLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ClipLoader.vue\n ** module id = 31\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'ClipLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '35px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        borderWidth: '2px',\n        borderStyle: 'solid',\n        borderColor: this.color + ' ' + this.color + ' transparent',\n        borderRadius: this.radius,\n        background: 'transparent !important'\n      }\n    }\n  }\n}\n// </script>\n\n// <style>\n// .v-spinner\n// {\n// /*\t  font-size: 10px; \n\n//     width: 60px;\n//     height: 40px;*/\n//     /*margin: 25px auto;*/\n//     text-align: center;\n \n// }\n\n// .v-spinner .v-clip\n// {\n//     -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n//             animation: v-clipDelay 0.75s 0s infinite linear;\n//     -webkit-animation-fill-mode: both;\n// \t          animation-fill-mode: both;\n\n//     display: inline-block;\n// }\n\n// @-webkit-keyframes v-clipDelay\n// {\n//     0%\n//     {\n//         -webkit-transform: rotate(0deg) scale(1);\n//                 transform: rotate(0deg) scale(1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: rotate(180deg) scale(0.8);\n//                 transform: rotate(180deg) scale(0.8);\n//     }\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg) scale(1);\n//                 transform: rotate(360deg) scale(1);\n//     }\n// }\n\n// @keyframes v-clipDelay\n// {\n//     0%\n//     {\n//         -webkit-transform: rotate(0deg) scale(1);\n//                 transform: rotate(0deg) scale(1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: rotate(180deg) scale(0.8);\n//                 transform: rotate(180deg) scale(0.8);\n//     }\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg) scale(1);\n//                 transform: rotate(360deg) scale(1);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/ClipLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-clip\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/ClipLoader.vue\n ** module id = 33\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RiseLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RiseLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/RiseLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/RiseLoader.vue\n ** module id = 34\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RiseLoader.vue\n ** module id = 35\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n.v-spinner .v-rise-odd\\n{\\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n    -webkit-animation-fill-mode: both;\\n\\t        animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n.v-spinner .v-rise-even\\n{\\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-riseOddDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(0.75);\\n                transform: translateY(0) scale(0.75);\\n    }\\n}\\n\\n@keyframes v-riseOddDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(0.75);\\n                transform: translateY(0) scale(0.75);\\n    }\\n}\\n\\n@-webkit-keyframes v-riseEvenDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(1.0);\\n                transform: translateY(0) scale(1.0);\\n    }\\n}\\n\\n@keyframes v-riseEvenDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(1.0);\\n                transform: translateY(0) scale(1.0);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-f33464ea&file=RiseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RiseLoader.vue\n ** module id = 36\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'RiseLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '15px'\n    },\n  \tmargin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n// .v-spinner\n// {\n// /*\t  font-size: 10px; \n\n//     width: 60px;\n//     height: 40px;*/\n//     /*margin: 25px auto;*/\n//     text-align: center;\n \n// }\n\n// .v-spinner .v-rise-odd\n// {\n//     -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n//             animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n//     -webkit-animation-fill-mode: both;\n// \t        animation-fill-mode: both;\n\n//     display: inline-block;\n// }\n\n// .v-spinner .v-rise-even\n// {\n//     -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n//             animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n//     -webkit-animation-fill-mode: both;\n//             animation-fill-mode: both;\n\n//     display: inline-block;\n// }\n\n// @-webkit-keyframes v-riseOddDelay\n// {\n//     25\n//     {\n//         -webkit-transform: translateY(30px);\n//                 transform: translateY(30px);\n//     }\n//     0%\n//     {\n//         -webkit-transform: scale(0.4);\n//                 transform: scale(0.4);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(1.1);\n//                 transform: scale(1.1);\n//     }\n//     75%\n//     {\n//         -webkit-transform: translateY(-30px);\n//                 transform: translateY(-30px);\n//     }\n//     100%\n//     {\n//         -webkit-transform: translateY(0) scale(0.75);\n//                 transform: translateY(0) scale(0.75);\n//     }\n// }\n\n// @keyframes v-riseOddDelay\n// {\n//     25\n//     {\n//         -webkit-transform: translateY(30px);\n//                 transform: translateY(30px);\n//     }\n//     0%\n//     {\n//         -webkit-transform: scale(0.4);\n//                 transform: scale(0.4);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(1.1);\n//                 transform: scale(1.1);\n//     }\n//     75%\n//     {\n//         -webkit-transform: translateY(-30px);\n//                 transform: translateY(-30px);\n//     }\n//     100%\n//     {\n//         -webkit-transform: translateY(0) scale(0.75);\n//                 transform: translateY(0) scale(0.75);\n//     }\n// }\n\n// @-webkit-keyframes v-riseEvenDelay\n// {\n//     25\n//     {\n//         -webkit-transform: translateY(-30px);\n//                 transform: translateY(-30px);\n//     }\n//     0%\n//     {\n//         -webkit-transform: scale(1.1);\n//                 transform: scale(1.1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(0.4);\n//                 transform: scale(0.4);\n//     }\n//     75%\n//     {\n//         -webkit-transform: translateY(30px);\n//                 transform: translateY(30px);\n//     }\n//     100%\n//     {\n//         -webkit-transform: translateY(0) scale(1.0);\n//                 transform: translateY(0) scale(1.0);\n//     }\n// }\n\n// @keyframes v-riseEvenDelay\n// {\n//     25\n//     {\n//         -webkit-transform: translateY(-30px);\n//                 transform: translateY(-30px);\n//     }\n//     0%\n//     {\n//         -webkit-transform: scale(1.1);\n//                 transform: scale(1.1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(0.4);\n//                 transform: scale(0.4);\n//     }\n//     75%\n//     {\n//         -webkit-transform: translateY(30px);\n//                 transform: translateY(30px);\n//     }\n//     100%\n//     {\n//         -webkit-transform: translateY(0) scale(1.0);\n//                 transform: translateY(0) scale(1.0);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/RiseLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RiseLoader.vue\n ** module id = 38\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./BeatLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./BeatLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/BeatLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/BeatLoader.vue\n ** module id = 39\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BeatLoader.vue\n ** module id = 40\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-beat\\n{\\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\\n            animation: v-beatStretchDelay 0.7s infinite linear;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    display: inline-block;         \\n}\\n\\n.v-spinner .v-beat-odd\\n{\\n  -webkit-animation-delay: 0s;\\n          animation-delay: 0s;\\n}\\n.v-spinner .v-beat-even\\n{\\n  -webkit-animation-delay: 0.35s;\\n          animation-delay: 0.35s;\\n}\\n\\n@-webkit-keyframes v-beatStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-transform: scale(0.75);\\n                transform: scale(0.75);\\n        -webkit-opacity: 0.2;             \\n                opacity: 0.2;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-beatStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-transform: scale(0.75);\\n                transform: scale(0.75);\\n        -webkit-opacity: 0.2;             \\n                opacity: 0.2;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-45341b90&file=BeatLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BeatLoader.vue\n ** module id = 41\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-beat v-beat-even\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'BeatLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-beat\n// {\n//     -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\n//             animation: v-beatStretchDelay 0.7s infinite linear;\n//     -webkit-animation-fill-mode: both;\n// \t          animation-fill-mode: both;\n//     display: inline-block;         \n// }\n\n// .v-spinner .v-beat-odd\n// {\n//   animation-delay: 0s;\n// }\n// .v-spinner .v-beat-even\n// {\n//   animation-delay: 0.35s;\n// }\n\n// @-webkit-keyframes v-beatStretchDelay\n// {\n//     50%\n//     {\n//         -webkit-transform: scale(0.75);\n//                 transform: scale(0.75);\n//         -webkit-opacity: 0.2;             \n//                 opacity: 0.2;\n//     }\n//     100%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n// }\n\n// @keyframes v-beatStretchDelay\n// {\n//     50%\n//     {\n//         -webkit-transform: scale(0.75);\n//                 transform: scale(0.75);\n//         -webkit-opacity: 0.2;             \n//                 opacity: 0.2;\n//     }\n//     100%\n//     {\n//         -webkit-transform: scale(1);\n//                 transform: scale(1);\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/BeatLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-beat v-beat-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-beat v-beat-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-beat v-beat-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/BeatLoader.vue\n ** module id = 43\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./SyncLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./SyncLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/SyncLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/SyncLoader.vue\n ** module id = 44\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SyncLoader.vue\n ** module id = 45\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"@-webkit-keyframes v-syncStretchDelay\\n{\\n    33%\\n    {\\n        -webkit-transform: translateY(10px);\\n                transform: translateY(10px);\\n    }\\n    66%\\n    {\\n        -webkit-transform: translateY(-10px);\\n                transform: translateY(-10px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0);\\n                transform: translateY(0);\\n    }\\n}\\n\\n@keyframes v-syncStretchDelay\\n{\\n    33%\\n    {\\n        -webkit-transform: translateY(10px);\\n                transform: translateY(10px);\\n    }\\n    66%\\n    {\\n        -webkit-transform: translateY(-10px);\\n                transform: translateY(-10px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0);\\n                transform: translateY(0);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-00325edd&file=SyncLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SyncLoader.vue\n ** module id = 46\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-sync v-sync1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n//     </div><div class=\"v-sync v-sync2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n//     </div><div class=\"v-sync v-sync3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'SyncLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-syncStretchDelay',\n        animationDuration: '0.6s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'ease-in-out',\n        animationFillMode: 'both'\n      },\n      spinnerDelay1: {\n        animationDelay: '0.07s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.14s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.21s'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// @-webkit-keyframes v-syncStretchDelay\n// {\n//     33%\n//     {\n//         -webkit-transform: translateY(10px);\n//                 transform: translateY(10px);\n//     }\n//     66%\n//     {\n//         -webkit-transform: translateY(-10px);\n//                 transform: translateY(-10px);\n//     }\n//     100%\n//     {\n//         -webkit-transform: translateY(0);\n//                 transform: translateY(0);\n//     }\n// }\n\n// @keyframes v-syncStretchDelay\n// {\n//     33%\n//     {\n//         -webkit-transform: translateY(10px);\n//                 transform: translateY(10px);\n//     }\n//     66%\n//     {\n//         -webkit-transform: translateY(-10px);\n//                 transform: translateY(-10px);\n//     }\n//     100%\n//     {\n//         -webkit-transform: translateY(0);\n//                 transform: translateY(0);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/SyncLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-sync v-sync1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-sync v-sync2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-sync v-sync3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/SyncLoader.vue\n ** module id = 48\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RotateLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RotateLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/RotateLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/RotateLoader.vue\n ** module id = 49\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RotateLoader.vue\n ** module id = 50\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-rotate1\\n{\\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n    display: inline-block;\\n    position: relative;\\n}\\n\\n.v-spinner .v-rotate2\\n{\\n  opacity: 0.8;\\n  position: absolute;\\n  top: 0;\\n  left: -28px;\\n}\\n\\n.v-spinner .v-rotate3\\n{\\n  opacity: 0.8;\\n  position: absolute;\\n  top: 0;\\n  left: 25px;\\n}\\n\\n@-webkit-keyframes v-rotateStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg);\\n                transform: rotate(0deg);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg);\\n                transform: rotate(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-rotateStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg);\\n                transform: rotate(0deg);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg);\\n                transform: rotate(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-58425fdd&file=RotateLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RotateLoader.vue\n ** module id = 51\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-rotate v-rotate1\" v-bind:style=\"spinnerStyle\">\n//     <div class=\"v-rotate v-rotate2\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-rotate v-rotate3\" v-bind:style=\"spinnerStyle\">\n//     </div></div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'RotateLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-rotate1\n// {\n//     -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n//             animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n//     -webkit-animation-fill-mode: both;\n//             animation-fill-mode: both;\n//     display: inline-block;\n//     position: relative;\n// }\n\n// .v-spinner .v-rotate2\n// {\n//   opacity: 0.8;\n//   position: absolute;\n//   top: 0;\n//   left: -28px;\n// }\n\n// .v-spinner .v-rotate3\n// {\n//   opacity: 0.8;\n//   position: absolute;\n//   top: 0;\n//   left: 25px;\n// }\n\n// @-webkit-keyframes v-rotateStretchDelay\n// {\n//     0%\n//     {\n//         -webkit-transform: rotate(0deg);\n//                 transform: rotate(0deg);\n//     }\n//     50%\n//     {\n//         -webkit-transform: rotate(180deg);\n//                 transform: rotate(180deg);\n//     }\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg);\n//                 transform: rotate(360deg);\n//     }\n// }\n\n// @keyframes v-rotateStretchDelay\n// {\n//     0%\n//     {\n//         -webkit-transform: rotate(0deg);\n//                 transform: rotate(0deg);\n//     }\n//     50%\n//     {\n//         -webkit-transform: rotate(180deg);\n//                 transform: rotate(180deg);\n//     }\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg);\n//                 transform: rotate(360deg);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/RotateLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-rotate v-rotate1\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    <div class=\\\"v-rotate v-rotate2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rotate v-rotate3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RotateLoader.vue\n ** module id = 53\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./FadeLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./FadeLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/FadeLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/FadeLoader.vue\n ** module id = 54\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/FadeLoader.vue\n ** module id = 55\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-fade\\n{\\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    position: absolute;               \\n}\\n\\n@-webkit-keyframes v-fadeStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-opacity: 0.3;             \\n                opacity: 0.3;\\n    }\\n    100%\\n    {\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-fadeStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-opacity: 0.3;             \\n                opacity: 0.3;\\n    }\\n    100%\\n    {\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-087f757e&file=FadeLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/FadeLoader.vue\n ** module id = 56\n ** module chunks = 0\n **/","// <template>\n//   <div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n//   <!-- <div class=\"v-spinner\" v-bind:style=\"containerStyle\"> -->\n//     <div class=\"v-fade v-fade1\" v-bind:style=\"[spinnerStyle,animationStyle1]\">\n//     </div><div class=\"v-fade v-fade2\" v-bind:style=\"[spinnerStyle,animationStyle2]\">\n//     </div><div class=\"v-fade v-fade3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n//     </div><div class=\"v-fade v-fade4\" v-bind:style=\"[spinnerStyle,animationStyle4]\">\n//     </div><div class=\"v-fade v-fade5\" v-bind:style=\"[spinnerStyle,animationStyle5]\">\n//     </div><div class=\"v-fade v-fade6\" v-bind:style=\"[spinnerStyle,animationStyle6]\">\n//     </div><div class=\"v-fade v-fade7\" v-bind:style=\"[spinnerStyle,animationStyle7]\">\n//     </div><div class=\"v-fade v-fade8\" v-bind:style=\"[spinnerStyle,animationStyle8]\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'FadeLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    height: {\n      type: String,\n      default: '15px'\n    },\n    width: {\n      type: String,\n      default: '5px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '2px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.height,\n     \t\twidth: this.width,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      },\n      radius: '20px'\n    }\n  },\n  computed: {\n    ngRadius () {\n      return '-' + this.radius\n    },\n    quarter () {\n      return (parseFloat(this.radius)/2 + parseFloat(this.radius)/5.5) + 'px'\n    },\n    ngQuarter () {\n      return '-' + this.quarter\n    },\n    animationStyle1 () {\n      return {\n        top: this.radius,\n        left: 0,\n        animationDelay: '0.12s'\n      }\n    },\n    animationStyle2 () {\n      return {\n        top: this.quarter,\n        left: this.quarter,\n        animationDelay: '0.24s',\n        transform: 'rotate(-45deg)'\n      }\n    },\n    animationStyle3 () {\n      return {\n        top: 0,\n        left: this.radius,\n        animationDelay: '0.36s',\n        transform: 'rotate(90deg)'\n      }\n    },\n    animationStyle4 () {\n      return {\n        top: this.ngQuarter,\n        left: this.quarter,\n        animationDelay: '0.48s',\n        transform: 'rotate(45deg)'\n      }\n    },\n    animationStyle5 () {\n      return {\n        top: this.ngRadius,\n        left: 0,\n        animationDelay: '0.60s'\n      }\n    },\n    animationStyle6 () {\n      return {\n        top: this.ngQuarter,\n        left: this.ngQuarter,\n        animationDelay: '0.72s',\n        transform: 'rotate(-45deg)'\n      }\n    },\n    animationStyle7 () {\n      return {\n        top: 0,\n        left: this.ngRadius,\n        animationDelay: '0.84s',\n        transform: 'rotate(90deg)'\n      }\n    },\n    animationStyle8 () {\n      return {\n        top: this.quarter,\n        left: this.ngQuarter,\n        animationDelay: '0.96s',\n        transform: 'rotate(45deg)'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-fade\n// {\n//     -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n//             animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n//     -webkit-animation-fill-mode: both;\n// \t          animation-fill-mode: both;\n//     position: absolute;               \n// }\n\n// @-webkit-keyframes v-fadeStretchDelay\n// {\n//     50%\n//     {\n//         -webkit-opacity: 0.3;             \n//                 opacity: 0.3;\n//     }\n//     100%\n//     {\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n// }\n\n// @keyframes v-fadeStretchDelay\n// {\n//     50%\n//     {\n//         -webkit-opacity: 0.3;             \n//                 opacity: 0.3;\n//     }\n//     100%\n//     {\n//         -webkit-opacity: 1;             \n//                 opacity: 1;\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/FadeLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-bind:style=\\\"{position: 'relative', fontSize: 0}\\\" v-show=\\\"loading\\\">\\n  <!-- <div class=\\\"v-spinner\\\" v-bind:style=\\\"containerStyle\\\"> -->\\n    <div class=\\\"v-fade v-fade1\\\" v-bind:style=\\\"[spinnerStyle,animationStyle1]\\\">\\n    </div><div class=\\\"v-fade v-fade2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-fade v-fade3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle3]\\\">\\n    </div><div class=\\\"v-fade v-fade4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle4]\\\">\\n    </div><div class=\\\"v-fade v-fade5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle5]\\\">\\n    </div><div class=\\\"v-fade v-fade6\\\" v-bind:style=\\\"[spinnerStyle,animationStyle6]\\\">\\n    </div><div class=\\\"v-fade v-fade7\\\" v-bind:style=\\\"[spinnerStyle,animationStyle7]\\\">\\n    </div><div class=\\\"v-fade v-fade8\\\" v-bind:style=\\\"[spinnerStyle,animationStyle8]\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/FadeLoader.vue\n ** module id = 58\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./PacmanLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./PacmanLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/PacmanLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/PacmanLoader.vue\n ** module id = 59\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PacmanLoader.vue\n ** module id = 60\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner\\n{\\n    text-align: center;\\n}\\n\\n/*TODO computed transform */\\n@-webkit-keyframes v-pacmanStretchDelay\\n{\\n    75%\\n    {\\n        -webkit-opacity: 0.7;             \\n        opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: translate(-100px, -6.25px);\\n                transform: translate(-100px, -6.25px);\\n    }\\n}\\n\\n@keyframes v-pacmanStretchDelay\\n{\\n    75%\\n    {\\n        -webkit-opacity: 0.7;             \\n        opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: translate(-100px, -6.25px);\\n                transform: translate(-100px, -6.25px);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-f9387c6c&file=PacmanLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PacmanLoader.vue\n ** module id = 61\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n//     <div class=\"v-pacman v-pacman1\" v-bind:style=\"spinnerStyle1\">\n//     </div><div class=\"v-pacman v-pacman2\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay2]\">\n//     </div><div class=\"v-pacman v-pacman3\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay3]\">\n//     </div><div class=\"v-pacman v-pacman4\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay4]\">\n//     </div><div class=\"v-pacman v-pacman5\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay5]\">\n//     </div>\n// </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'PacmanLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '25px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerDelay2: {\n        animationDelay: '0.25s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.50s'\n      },\n      spinnerDelay4: {\n        animationDelay: '0.75s'\n      },\n      spinnerDelay5: {\n        animationDelay: '1s'\n      }\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        backgroundColor: this.color,\n        width: this.size,\n        height: this.size,\n        margin: this.margin,\n        borderRadius: this.radius,\n      }\n    },\n    border1 () {\n      return this.size + ' solid transparent'\n    },\n    border2 () {\n      return this.size + ' solid ' + this.color\n    },\n    spinnerStyle1 () {\n      return {\n        width: 0,\n        height: 0,\n        borderTop: this.border2,\n        borderRight: this.border1,\n        borderBottom: this.border2,\n        borderLeft: this.border2,\n        borderRadius: this.size\n      }\n    },\n    animationStyle () {\n      return {\n        width: '10px',\n        height: '10px',\n        transform: 'translate(0, '+ -parseFloat(this.size)/4 + 'px)',\n        position: 'absolute',\n        top: '25px',\n        left: '100px',\n        animationName: 'v-pacmanStretchDelay',\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'linear',\n        animationFillMode: 'both'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n// .v-spinner\n// {\n//     text-align: center;\n// }\n\n// /*TODO computed transform */\n// @-webkit-keyframes v-pacmanStretchDelay\n// {\n//     75%\n//     {\n//         -webkit-opacity: 0.7;             \n//         opacity: 0.7;\n//     }\n//     100%\n//     {\n//         -webkit-transform: translate(-100px, -6.25px);\n//                 transform: translate(-100px, -6.25px);\n//     }\n// }\n\n// @keyframes v-pacmanStretchDelay\n// {\n//     75%\n//     {\n//         -webkit-opacity: 0.7;             \n//         opacity: 0.7;\n//     }\n//     100%\n//     {\n//         -webkit-transform: translate(-100px, -6.25px);\n//                 transform: translate(-100px, -6.25px);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/PacmanLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-bind:style=\\\"{position: 'relative', fontSize: 0}\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-pacman v-pacman1\\\" v-bind:style=\\\"spinnerStyle1\\\">\\n    </div><div class=\\\"v-pacman v-pacman2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-pacman v-pacman3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay3]\\\">\\n    </div><div class=\\\"v-pacman v-pacman4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay4]\\\">\\n    </div><div class=\\\"v-pacman v-pacman5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay5]\\\">\\n    </div>\\n</div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/PacmanLoader.vue\n ** module id = 63\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./SquareLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./SquareLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/SquareLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/SquareLoader.vue\n ** module id = 64\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SquareLoader.vue\n ** module id = 65\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner\\n{\\n    text-align: center;\\n}\\n\\n.v-spinner .v-square\\n{\\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    -webkit-perspective: 100px;\\n            perspective: 100px;\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-squareDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(0);\\n                transform: rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\\n                transform: rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(180deg);\\n                transform: rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(0);\\n                transform: rotateX(0) rotateY(0);\\n    }\\n}\\n\\n@keyframes v-squareDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(0);\\n                transform: rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\\n                transform: rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(180deg);\\n                transform: rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(0);\\n                transform: rotateX(0) rotateY(0);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-7ff4ddc2&file=SquareLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SquareLoader.vue\n ** module id = 66\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-square\" v-bind:style=\"spinnerStyle\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'SquareLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '50px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t  width: this.size\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n// .v-spinner\n// {\n//     text-align: center;\n// }\n\n// .v-spinner .v-square\n// {\n//     -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n//             animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n//     -webkit-animation-fill-mode: both;\n// \t          animation-fill-mode: both;\n//     perspective: 100px;\n//     display: inline-block;\n// }\n\n// @-webkit-keyframes v-squareDelay\n// {\n//     25%\n//     {\n//         -webkit-transform: rotateX(180deg) rotateY(0);\n//                 transform: rotateX(180deg) rotateY(0);\n//     }\n//     50%\n//     {\n//         -webkit-transform: rotateX(180deg) rotateY(180deg);\n//                 transform: rotateX(180deg) rotateY(180deg);\n//     }\n//     75%\n//     {\n//         -webkit-transform: rotateX(0) rotateY(180deg);\n//                 transform: rotateX(0) rotateY(180deg);\n//     }\n//     100%\n//     {\n//         -webkit-transform: rotateX(0) rotateY(0);\n//                 transform: rotateX(0) rotateY(0);\n//     }\n// }\n\n// @keyframes v-squareDelay\n// {\n//     25%\n//     {\n//         -webkit-transform: rotateX(180deg) rotateY(0);\n//                 transform: rotateX(180deg) rotateY(0);\n//     }\n//     50%\n//     {\n//         -webkit-transform: rotateX(180deg) rotateY(180deg);\n//                 transform: rotateX(180deg) rotateY(180deg);\n//     }\n//     75%\n//     {\n//         -webkit-transform: rotateX(0) rotateY(180deg);\n//                 transform: rotateX(0) rotateY(180deg);\n//     }\n//     100%\n//     {\n//         -webkit-transform: rotateX(0) rotateY(0);\n//                 transform: rotateX(0) rotateY(0);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/SquareLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-square\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/SquareLoader.vue\n ** module id = 68\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./ScaleLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./ScaleLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/ScaleLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/ScaleLoader.vue\n ** module id = 69\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ScaleLoader.vue\n ** module id = 70\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n\\n@-webkit-keyframes v-scaleStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scaleY(1);\\n                transform: scaleY(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scaleY(0.4);\\n                transform: scaleY(0.4);\\n    }\\n}\\n\\n@keyframes v-scaleStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scaleY(1);\\n                transform: scaleY(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scaleY(0.4);\\n                transform: scaleY(0.4);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-f2e10784&file=ScaleLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ScaleLoader.vue\n ** module id = 71\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-scale v-scale1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n//     </div><div class=\"v-scale v-scale2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n//     </div><div class=\"v-scale v-scale3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n//     </div><div class=\"v-scale v-scale4\" v-bind:style=\"[spinnerStyle,spinnerDelay4]\">\n//     </div><div class=\"v-scale v-scale5\" v-bind:style=\"[spinnerStyle,spinnerDelay5]\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'ScaleLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \theight: {\n      type: String,\n      default: '35px'\n    },\n  \twidth: {\n      type: String,\n      default: '4px'\n    },\n  \tmargin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '2px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.height,\n     \t\twidth: this.width,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-scaleStretchDelay',\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\n        animationFillMode: 'both'\n      \t// TODO \n      \t// animation: ['sk-waveStretchDelay', '1s', 'infinite', 'cubic-bezier(.2,.68,.18,1.08)'].join(' '),\n      \t// animationFillMode: \"both\"\n      },\n      spinnerDelay1: {\n        animationDelay: '0.1s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.2s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.3s'\n      },\n      spinnerDelay4: {\n        animationDelay: '0.4s'\n      },\n      spinnerDelay5: {\n        animationDelay: '0.5s'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n// .v-spinner\n// {\n// /*\t  font-size: 10px; \n\n//     width: 60px;\n//     height: 40px;*/\n//     /*margin: 25px auto;*/\n//     text-align: center;\n \n// }\n\n\n// @-webkit-keyframes v-scaleStretchDelay\n// {\n//     0%,\n//     100%\n//     {\n//         -webkit-transform: scaleY(1);\n//                 transform: scaleY(1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scaleY(0.4);\n//                 transform: scaleY(0.4);\n//     }\n// }\n\n// @keyframes v-scaleStretchDelay\n// {\n//     0%,\n//     100%\n//     {\n//         -webkit-transform: scaleY(1);\n//                 transform: scaleY(1);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scaleY(0.4);\n//                 transform: scaleY(0.4);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/ScaleLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-scale v-scale1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-scale v-scale2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-scale v-scale3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div><div class=\\\"v-scale v-scale4\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay4]\\\">\\n    </div><div class=\\\"v-scale v-scale5\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay5]\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/ScaleLoader.vue\n ** module id = 73\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./SkewLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./SkewLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/SkewLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/SkewLoader.vue\n ** module id = 74\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SkewLoader.vue\n ** module id = 75\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner\\n{\\n    text-align: center;\\n}\\n\\n.v-spinner .v-skew\\n{\\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-skewDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\\n                transform: perspective(100px) rotateX(0) rotateY(0);\\n    }\\n}\\n\\n@keyframes v-skewDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\\n                transform: perspective(100px) rotateX(0) rotateY(0);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-51a72a8c&file=SkewLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SkewLoader.vue\n ** module id = 76\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-skew\" v-bind:style=\"spinnerStyle\">\n//     </div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'SkewLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '20px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \theight: 0,\n     \t  width: 0,\n        borderLeft: this.size + ' solid transparent',\n        borderRight: this.size + ' solid transparent',\n        borderBottom: this.size + ' solid ' + this.color\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n// .v-spinner\n// {\n//     text-align: center;\n// }\n\n// .v-spinner .v-skew\n// {\n//     -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n//             animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n//     -webkit-animation-fill-mode: both;\n// \t          animation-fill-mode: both;\n//     display: inline-block;\n// }\n\n// @-webkit-keyframes v-skewDelay\n// {\n//     25%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n//                 transform: perspective(100px) rotateX(180deg) rotateY(0);\n//     }\n//     50%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n//                 transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n//     }\n//     75%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n//                 transform: perspective(100px) rotateX(0) rotateY(180deg);\n//     }\n//     100%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n//                 transform: perspective(100px) rotateX(0) rotateY(0);\n//     }\n// }\n\n// @keyframes v-skewDelay\n// {\n//     25%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n//                 transform: perspective(100px) rotateX(180deg) rotateY(0);\n//     }\n//     50%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n//                 transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n//     }\n//     75%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n//                 transform: perspective(100px) rotateX(0) rotateY(180deg);\n//     }\n//     100%\n//     {\n//         -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n//                 transform: perspective(100px) rotateX(0) rotateY(0);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/SkewLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-skew\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/SkewLoader.vue\n ** module id = 78\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./MoonLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./MoonLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/MoonLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/MoonLoader.vue\n ** module id = 79\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/MoonLoader.vue\n ** module id = 80\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-moon1\\n{\\n\\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: relative;\\n}\\n\\n.v-spinner .v-moon2\\n{\\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    opacity: 0.8;\\n    position: absolute;\\n}\\n\\n.v-spinner .v-moon3\\n{\\n    opacity: 0.1;\\n}\\n\\n@-webkit-keyframes v-moonStretchDelay\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-moonStretchDelay\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-5d32907a&file=MoonLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/MoonLoader.vue\n ** module id = 81\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-moon v-moon1\" v-bind:style=\"spinnerStyle\">\n//     <div class=\"v-moon v-moon2\" v-bind:style=\"[spinnerMoonStyle,animationStyle2]\">\n//     </div><div class=\"v-moon v-moon3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n//     </div></div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'MoonLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        height: this.size,\n        width: this.size,\n        borderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    moonSize() {\n      return parseFloat(this.size)/7\n    },\n    spinnerMoonStyle () {\n      return {\n        height: this.moonSize  + 'px',\n        width: this.moonSize  + 'px',\n        borderRadius: this.radius\n      }\n    },\n    animationStyle2 () {\n      return {\n        top: parseFloat(this.size)/2 - this.moonSize/2 + 'px',\n        backgroundColor: this.color\n      }\n    },\n    animationStyle3 () {\n      return {\n        border: this.moonSize + 'px solid ' + this.color\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-moon1\n// {\n\n//     -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n//             animation: v-moonStretchDelay 0.6s 0s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n//     position: relative;\n// }\n\n// .v-spinner .v-moon2\n// {\n//     -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n//             animation: v-moonStretchDelay 0.6s 0s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n//     opacity: 0.8;\n//     position: absolute;\n// }\n\n// .v-spinner .v-moon3\n// {\n//     opacity: 0.1;\n// }\n\n// @-webkit-keyframes v-moonStretchDelay\n// {\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg);\n//                 transform: rotate(360deg);\n//     }\n// }\n\n// @keyframes v-moonStretchDelay\n// {\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg);\n//                 transform: rotate(360deg);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/MoonLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-moon v-moon1\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    <div class=\\\"v-moon v-moon2\\\" v-bind:style=\\\"[spinnerMoonStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-moon v-moon3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle3]\\\">\\n    </div></div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/MoonLoader.vue\n ** module id = 83\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RingLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RingLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/RingLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/RingLoader.vue\n ** module id = 84\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RingLoader.vue\n ** module id = 85\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-ring\\n{         \\n}\\n\\n.v-spinner .v-ring1\\n{      \\n}\\n\\n.v-spinner .v-ring2\\n{\\n\\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\\n            animation: v-ringRightRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    -webkit-perspective: 800px;\\n            perspective: 800px;  \\n    position: absolute;          \\n    top: 0;\\n    left: 0;\\n}\\n\\n.v-spinner .v-ring3\\n{\\n\\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\\n            animation: v-ringLeftRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    -webkit-perspective: 800px;\\n            perspective: 800px;            \\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n}\\n\\n@-webkit-keyframes v-ringRightRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@keyframes v-ringRightRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@-webkit-keyframes v-ringLeftRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@keyframes v-ringLeftRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n    \\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-ec920f9c&file=RingLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RingLoader.vue\n ** module id = 86\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-ring v-ring1\" v-bind:style=\"spinnerBasicStyle\">\n//     <div class=\"v-ring v-ring2\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-ring v-ring3\" v-bind:style=\"spinnerStyle\">\n//     </div></div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'RingLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        border: parseFloat(this.size)/10 + 'px solid' + this.color,\n        opacity: 0.4,\n        borderRadius: this.radius\n      }\n    },\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-ring\n// {         \n// }\n\n// .v-spinner .v-ring1\n// {      \n// }\n\n// .v-spinner .v-ring2\n// {\n\n//     -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\n//             animation: v-ringRightRotate 2s 0s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n//     perspective: 800px;  \n//     position: absolute;          \n//     top: 0;\n//     left: 0;\n// }\n\n// .v-spinner .v-ring3\n// {\n\n//     -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\n//             animation: v-ringLeftRotate 2s 0s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n//     perspective: 800px;            \n//     position: absolute;\n//     top: 0;\n//     left: 0;\n// }\n\n// @-webkit-keyframes v-ringRightRotate\n// {\n//     0%\n//     {\n//         -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//     }\n//     100%\n//     { \n//         -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n//                 transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n//     }\n// }\n\n// @keyframes v-ringRightRotate\n// {\n//     0%\n//     {\n//         -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//     }\n//     100%\n//     { \n//         -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n//                 transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n//     }\n// }\n\n// @-webkit-keyframes v-ringLeftRotate\n// {\n//     0%\n//     {\n//         -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//     }\n//     100%\n//     { \n//         -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n//                 transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n//     }\n// }\n\n// @keyframes v-ringLeftRotate\n// {\n//     0%\n//     {\n//         -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//                 transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n//     }\n//     100%\n//     { \n//         -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n//                 transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/RingLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-ring v-ring1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-ring v-ring2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-ring v-ring3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RingLoader.vue\n ** module id = 88\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./BounceLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./BounceLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/BounceLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/BounceLoader.vue\n ** module id = 89\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BounceLoader.vue\n ** module id = 90\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-bounce\\n{\\n          \\n}\\n\\n.v-spinner .v-bounce1\\n{\\n}\\n\\n.v-spinner .v-bounce2\\n{\\n\\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n}\\n\\n.v-spinner .v-bounce3\\n{\\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n}\\n\\n@-webkit-keyframes v-bounceStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    { \\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    \\n    }\\n}\\n\\n@keyframes v-bounceStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    { \\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    \\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-8a44b66c&file=BounceLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BounceLoader.vue\n ** module id = 91\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-bounce v-bounce1\" v-bind:style=\"spinnerBasicStyle\">\n//     <div class=\"v-bounce v-bounce2\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-bounce v-bounce3\" v-bind:style=\"spinnerStyle\">\n//     </div></div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'BounceLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        backgroundColor: this.color,\n        height: this.size,\n        width: this.size,\n        borderRadius: this.radius,\n        opacity: 0.6,\n        position: 'absolute',\n        top: 0,\n        left: 0\n      }\n    }\n  },\n  computed: {\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-bounce\n// {\n          \n// }\n\n// .v-spinner .v-bounce1\n// {\n// }\n\n// .v-spinner .v-bounce2\n// {\n\n//     -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n//             animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n//     -webkit-animation-fill-mode: both;\n//             animation-fill-mode: both;\n// }\n\n// .v-spinner .v-bounce3\n// {\n//     -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n//             animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n//     -webkit-animation-fill-mode: both;\n//             animation-fill-mode: both;\n// }\n\n// @-webkit-keyframes v-bounceStretchDelay\n// {\n//     0%,\n//     100%\n//     {\n//         -webkit-transform: scale(0);\n//                 transform: scale(0);\n//     }\n//     50%\n//     { \n//         -webkit-transform: scale(1.0);\n//                 transform: scale(1.0);\n    \n//     }\n// }\n\n// @keyframes v-bounceStretchDelay\n// {\n//     0%,\n//     100%\n//     {\n//         -webkit-transform: scale(0);\n//                 transform: scale(0);\n//     }\n//     50%\n//     { \n//         -webkit-transform: scale(1.0);\n//                 transform: scale(1.0);\n    \n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/BounceLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-bounce v-bounce1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-bounce v-bounce2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-bounce v-bounce3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/BounceLoader.vue\n ** module id = 93\n ** module chunks = 0\n **/","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./DotLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./DotLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspace/javascript/vuejs/vue-spinner/src/DotLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/DotLoader.vue\n ** module id = 94\n ** module chunks = 0\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!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/DotLoader.vue\n ** module id = 95\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".v-spinner .v-dot\\n{\\n          \\n}\\n\\n.v-spinner .v-dot1\\n{\\n\\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\\n            animation: v-dotRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n}\\n\\n.v-spinner .v-dot2\\n{\\n\\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\\n            animation: v-dotBounce 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: 'absolute';\\n    top: 0;\\n    bottom: auto;\\n}\\n\\n.v-spinner .v-dot3\\n{\\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\\n            animation: v-dotBounce 2s -1s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: 'absolute';\\n    top: auto;\\n    bottom: 0;            \\n}\\n\\n@-webkit-keyframes v-dotRotate\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-dotRotate\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@-webkit-keyframes v-dotBounce\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    }\\n}\\n\\n@keyframes v-dotBounce\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    }\\n}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/vue-loader/lib/style-rewriter.js?id=_v-b5068886&file=DotLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/DotLoader.vue\n ** module id = 96\n ** module chunks = 0\n **/","// <template>\n// <div class=\"v-spinner\" v-show=\"loading\">\n//     <div class=\"v-dot v-dot1\" v-bind:style=\"spinnerBasicStyle\">\n//     <div class=\"v-dot v-dot2\" v-bind:style=\"spinnerStyle\">\n//     </div><div class=\"v-dot v-dot3\" v-bind:style=\"spinnerStyle\">\n//     </div></div>\n//   </div>\n// </template>\n\n// <script>\nexport default {\n  \n  name: 'DotLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        backgroundColor: this.color,\n        height: parseFloat(this.size)/2 + 'px',\n        width: parseFloat(this.size)/2 + 'px',\n        borderRadius: this.radius\n      }\n    },\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n// </script>\n\n// <style>\n\n// .v-spinner .v-dot\n// {\n          \n// }\n\n// .v-spinner .v-dot1\n// {\n\n//     -webkit-animation: v-dotRotate 2s 0s infinite linear;\n//             animation: v-dotRotate 2s 0s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n// }\n\n// .v-spinner .v-dot2\n// {\n\n//     -webkit-animation: v-dotBounce 2s 0s infinite linear;\n//             animation: v-dotBounce 2s 0s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n//     position: 'absolute';\n//     top: 0;\n//     bottom: auto;\n// }\n\n// .v-spinner .v-dot3\n// {\n//     -webkit-animation: v-dotBounce 2s -1s infinite linear;\n//             animation: v-dotBounce 2s -1s infinite linear;\n//     -webkit-animation-fill-mode: forwards;\n//             animation-fill-mode: forwards;\n//     position: 'absolute';\n//     top: auto;\n//     bottom: 0;            \n// }\n\n// @-webkit-keyframes v-dotRotate\n// {\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg);\n//                 transform: rotate(360deg);\n//     }\n// }\n\n// @keyframes v-dotRotate\n// {\n//     100%\n//     {\n//         -webkit-transform: rotate(360deg);\n//                 transform: rotate(360deg);\n//     }\n// }\n\n// @-webkit-keyframes v-dotBounce\n// {\n//     0%,\n//     100%\n//     {\n//         -webkit-transform: scale(0);\n//                 transform: scale(0);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(1.0);\n//                 transform: scale(1.0);\n//     }\n// }\n\n// @keyframes v-dotBounce\n// {\n//     0%,\n//     100%\n//     {\n//         -webkit-transform: scale(0);\n//                 transform: scale(0);\n//     }\n//     50%\n//     {\n//         -webkit-transform: scale(1.0);\n//                 transform: scale(1.0);\n//     }\n// }\n// </style>\n\n\n/** WEBPACK FOOTER **\n ** ./src/DotLoader.vue\n **/","module.exports = \"<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-dot v-dot1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-dot v-dot2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-dot v-dot3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\";\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/DotLoader.vue\n ** module id = 98\n ** module chunks = 0\n **/"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap a834a1ed664f3e262ea6","webpack:///./src/index.js","webpack:///./src/PulseLoader.vue","webpack:///./src/PulseLoader.vue?5dca","webpack:///./src/PulseLoader.vue?3ee3","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/addStyles.js","webpack:///PulseLoader.vue","webpack:///./src/PulseLoader.vue?b3bd","webpack:///./src/GridLoader.vue","webpack:///./src/GridLoader.vue?7e16","webpack:///./src/GridLoader.vue?5338","webpack:///GridLoader.vue","webpack:///./src/GridLoader.vue?5dee","webpack:///./src/ClipLoader.vue","webpack:///./src/ClipLoader.vue?ed47","webpack:///./src/ClipLoader.vue?51f5","webpack:///ClipLoader.vue","webpack:///./src/ClipLoader.vue?00c4","webpack:///./src/RiseLoader.vue","webpack:///./src/RiseLoader.vue?b4ef","webpack:///./src/RiseLoader.vue?cc29","webpack:///RiseLoader.vue","webpack:///./src/RiseLoader.vue?bb40","webpack:///./src/BeatLoader.vue","webpack:///./src/BeatLoader.vue?b03f","webpack:///./src/BeatLoader.vue?c39c","webpack:///BeatLoader.vue","webpack:///./src/BeatLoader.vue?5fec","webpack:///./src/SyncLoader.vue","webpack:///./src/SyncLoader.vue?1332","webpack:///./src/SyncLoader.vue?8538","webpack:///SyncLoader.vue","webpack:///./src/SyncLoader.vue?3aea","webpack:///./src/RotateLoader.vue","webpack:///./src/RotateLoader.vue?5cf6","webpack:///./src/RotateLoader.vue?08a4","webpack:///RotateLoader.vue","webpack:///./src/RotateLoader.vue?1506","webpack:///./src/FadeLoader.vue","webpack:///./src/FadeLoader.vue?a2b0","webpack:///./src/FadeLoader.vue?8b8e","webpack:///FadeLoader.vue","webpack:///./src/FadeLoader.vue?0b33","webpack:///./src/PacmanLoader.vue","webpack:///./src/PacmanLoader.vue?f5df","webpack:///./src/PacmanLoader.vue?689d","webpack:///PacmanLoader.vue","webpack:///./src/PacmanLoader.vue?b4f8","webpack:///./src/SquareLoader.vue","webpack:///./src/SquareLoader.vue?e5a8","webpack:///./src/SquareLoader.vue?5d59","webpack:///SquareLoader.vue","webpack:///./src/SquareLoader.vue?efee","webpack:///./src/ScaleLoader.vue","webpack:///./src/ScaleLoader.vue?e9f9","webpack:///./src/ScaleLoader.vue?ab90","webpack:///ScaleLoader.vue","webpack:///./src/ScaleLoader.vue?6ebe","webpack:///./src/SkewLoader.vue","webpack:///./src/SkewLoader.vue?cf41","webpack:///./src/SkewLoader.vue?7c00","webpack:///SkewLoader.vue","webpack:///./src/SkewLoader.vue?133b","webpack:///./src/MoonLoader.vue","webpack:///./src/MoonLoader.vue?d4f9","webpack:///./src/MoonLoader.vue?1060","webpack:///MoonLoader.vue","webpack:///./src/MoonLoader.vue?648c","webpack:///./src/RingLoader.vue","webpack:///./src/RingLoader.vue?9b49","webpack:///./src/RingLoader.vue?666f","webpack:///RingLoader.vue","webpack:///./src/RingLoader.vue?132a","webpack:///./src/BounceLoader.vue","webpack:///./src/BounceLoader.vue?bd63","webpack:///./src/BounceLoader.vue?e254","webpack:///BounceLoader.vue","webpack:///./src/BounceLoader.vue?b53d","webpack:///./src/DotLoader.vue","webpack:///./src/DotLoader.vue?ce0e","webpack:///./src/DotLoader.vue?5216","webpack:///DotLoader.vue","webpack:///./src/DotLoader.vue?2791"],"names":["VueSpinner","PulseLoader","GridLoader","ClipLoader","RiseLoader","BeatLoader","SyncLoader","RotateLoader","FadeLoader","PacmanLoader","SquareLoader","ScaleLoader","SkewLoader","MoonLoader","RingLoader","BounceLoader","DotLoader","module","exports"],"mappings":"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AACA;AACA;AACA,kBAAiB,2BAA2B;AAC5C;AACA;AACA,SAAQ,uBAAuB;AAC/B;AACA;AACA,IAAG;AACH;AACA,kBAAiB,uBAAuB;AACxC;AACA;AACA,4BAA2B;AAC3B;AACA;AACA;;AAEA;AACA;AACA;AACA,gBAAe,iBAAiB;AAChC;AACA;AACA;AACA;AACA;AACA,eAAc;AACd;AACA,iCAAgC,sBAAsB;AACtD;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,IAAG;AACH;AACA,IAAG;AACH;AACA;AACA;AACA,GAAE;AACF;AACA,GAAE;AACF;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,GAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAE;AACF;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAC;;AAED;AACA;;AAEA;AACA;AACA,GAAE;AACF;AACA;AACA;AACA;AACA;AACA,IAAG;AACH;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,GAAE;AACF;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA,wDAAuD;AACvD;;AAEA,8BAA6B,mBAAmB;;AAEhD;;AAEA;;AAEA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;AC3OA;;;SAIA;;;;aAGA;gBAEA;AAHA;;aAKA;gBAEA;AAHA;;aAKA;gBAEA;AAHA;;aAKA;gBAEA;AAHA;;aAKA;gBAGA;AAJA;AAjBA;yBAsBA;;;+BAGA;qBACA;sBACA;sBACA;4BACA;kBACA;wBACA;4BACA;kCACA;kCACA;4BAEA;AAZA;;yBAeA;AA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","file":"./dist/vue-spinner.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"VueSpinner\"] = factory();\n\telse\n\t\troot[\"VueSpinner\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \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\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\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.loaded = 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// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap a834a1ed664f3e262ea6","import PulseLoader from './PulseLoader.vue'\nimport GridLoader from './GridLoader.vue'\nimport ClipLoader from './ClipLoader.vue'\nimport RiseLoader from './RiseLoader.vue'\nimport BeatLoader from './BeatLoader.vue'\nimport SyncLoader from './SyncLoader.vue'\nimport RotateLoader from './RotateLoader.vue'\nimport FadeLoader from './FadeLoader.vue'\nimport PacmanLoader from './PacmanLoader.vue'\nimport SquareLoader from './SquareLoader.vue'\nimport ScaleLoader from './ScaleLoader.vue'\nimport SkewLoader from './SkewLoader.vue'\nimport MoonLoader from './MoonLoader.vue'\nimport RingLoader from './RingLoader.vue'\nimport BounceLoader from './BounceLoader.vue'\nimport DotLoader from './DotLoader.vue'\n\nconst VueSpinner = {\n  PulseLoader,\n  GridLoader,\n  ClipLoader,\n  RiseLoader,\n  BeatLoader,\n  SyncLoader,\n  RotateLoader,\n  FadeLoader,\n  PacmanLoader,\n  SquareLoader,\n  ScaleLoader,\n  SkewLoader,\n  MoonLoader,\n  RingLoader,\n  BounceLoader,\n  DotLoader\n}\n\nmodule.exports = VueSpinner\n\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./PulseLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./PulseLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/PulseLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/PulseLoader.vue\n// module id = 1\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PulseLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PulseLoader.vue\n// module id = 2\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n/*.v-spinner\\n{\\n    margin: 100px auto;\\n    text-align: center;\\n}\\n*/\\n\\n@-webkit-keyframes v-pulseStretchDelay\\n{\\n    0%,\\n    80%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n    45%\\n    {\\n        -webkit-transform: scale(0.1);\\n                transform: scale(0.1);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n}\\n\\n@keyframes v-pulseStretchDelay\\n{\\n    0%,\\n    80%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n    45%\\n    {\\n        -webkit-transform: scale(0.1);\\n                transform: scale(0.1);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/PulseLoader.vue.style\"],\"names\":[],\"mappings\":\";AAmEA;;;;;EAKA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;CACA\",\"file\":\"PulseLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-pulse v-pulse1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-pulse v-pulse2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-pulse v-pulse3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'PulseLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '15px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\twidth: this.size,\\n        height: this.size,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius,\\n        display: 'inline-block',\\n        animationName: 'v-pulseStretchDelay',\\n        animationDuration: '0.75s',\\n        animationIterationCount: 'infinite',\\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\\n        animationFillMode: 'both'\\n      },\\n      spinnerDelay1: {\\n        animationDelay: '0.12s'\\n      },\\n      spinnerDelay2: {\\n        animationDelay: '0.24s'\\n      },\\n      spinnerDelay3: {\\n        animationDelay: '0.36s'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n/*.v-spinner\\n{\\n    margin: 100px auto;\\n    text-align: center;\\n}\\n*/\\n\\n@-webkit-keyframes v-pulseStretchDelay\\n{\\n    0%,\\n    80%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n    45%\\n    {\\n        -webkit-transform: scale(0.1);\\n                transform: scale(0.1);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n}\\n\\n@keyframes v-pulseStretchDelay\\n{\\n    0%,\\n    80%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n    45%\\n    {\\n        -webkit-transform: scale(0.1);\\n                transform: scale(0.1);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-453f872c&file=PulseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PulseLoader.vue\n// module id = 3\n// module chunks = 0","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 4\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\nvar stylesInDom = {},\n\tmemoize = function(fn) {\n\t\tvar memo;\n\t\treturn function () {\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\treturn memo;\n\t\t};\n\t},\n\tisOldIE = memoize(function() {\n\t\treturn /msie [6-9]\\b/.test(self.navigator.userAgent.toLowerCase());\n\t}),\n\tgetHeadElement = memoize(function () {\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\n\t}),\n\tsingletonElement = null,\n\tsingletonCounter = 0,\n\tstyleElementsInsertedAtTop = [];\n\nmodule.exports = function(list, options) {\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options || {};\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t// tags it will allow on a page\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\n\t// By default, add <style> tags to the bottom of <head>.\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\n\tvar styles = listToStyles(list);\n\taddStylesToDom(styles, options);\n\n\treturn function update(newList) {\n\t\tvar mayRemove = [];\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tdomStyle.refs--;\n\t\t\tmayRemove.push(domStyle);\n\t\t}\n\t\tif(newList) {\n\t\t\tvar newStyles = listToStyles(newList);\n\t\t\taddStylesToDom(newStyles, options);\n\t\t}\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\tvar domStyle = mayRemove[i];\n\t\t\tif(domStyle.refs === 0) {\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t}\n\t\t}\n\t};\n}\n\nfunction addStylesToDom(styles, options) {\n\tfor(var i = 0; i < styles.length; i++) {\n\t\tvar item = styles[i];\n\t\tvar domStyle = stylesInDom[item.id];\n\t\tif(domStyle) {\n\t\t\tdomStyle.refs++;\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t}\n\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t} else {\n\t\t\tvar parts = [];\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t}\n\t}\n}\n\nfunction listToStyles(list) {\n\tvar styles = [];\n\tvar newStyles = {};\n\tfor(var i = 0; i < list.length; i++) {\n\t\tvar item = list[i];\n\t\tvar id = item[0];\n\t\tvar css = item[1];\n\t\tvar media = item[2];\n\t\tvar sourceMap = item[3];\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\tif(!newStyles[id])\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\telse\n\t\t\tnewStyles[id].parts.push(part);\n\t}\n\treturn styles;\n}\n\nfunction insertStyleElement(options, styleElement) {\n\tvar head = getHeadElement();\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\tif (options.insertAt === \"top\") {\n\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t} else {\n\t\t\thead.appendChild(styleElement);\n\t\t}\n\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t} else if (options.insertAt === \"bottom\") {\n\t\thead.appendChild(styleElement);\n\t} else {\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t}\n}\n\nfunction removeStyleElement(styleElement) {\n\tstyleElement.parentNode.removeChild(styleElement);\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\tif(idx >= 0) {\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t}\n}\n\nfunction createStyleElement(options) {\n\tvar styleElement = document.createElement(\"style\");\n\tstyleElement.type = \"text/css\";\n\tinsertStyleElement(options, styleElement);\n\treturn styleElement;\n}\n\nfunction createLinkElement(options) {\n\tvar linkElement = document.createElement(\"link\");\n\tlinkElement.rel = \"stylesheet\";\n\tinsertStyleElement(options, linkElement);\n\treturn linkElement;\n}\n\nfunction addStyle(obj, options) {\n\tvar styleElement, update, remove;\n\n\tif (options.singleton) {\n\t\tvar styleIndex = singletonCounter++;\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t} else if(obj.sourceMap &&\n\t\ttypeof URL === \"function\" &&\n\t\ttypeof URL.createObjectURL === \"function\" &&\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\n\t\ttypeof Blob === \"function\" &&\n\t\ttypeof btoa === \"function\") {\n\t\tstyleElement = createLinkElement(options);\n\t\tupdate = updateLink.bind(null, styleElement);\n\t\tremove = function() {\n\t\t\tremoveStyleElement(styleElement);\n\t\t\tif(styleElement.href)\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\n\t\t};\n\t} else {\n\t\tstyleElement = createStyleElement(options);\n\t\tupdate = applyToTag.bind(null, styleElement);\n\t\tremove = function() {\n\t\t\tremoveStyleElement(styleElement);\n\t\t};\n\t}\n\n\tupdate(obj);\n\n\treturn function updateStyle(newObj) {\n\t\tif(newObj) {\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\treturn;\n\t\t\tupdate(obj = newObj);\n\t\t} else {\n\t\t\tremove();\n\t\t}\n\t};\n}\n\nvar replaceText = (function () {\n\tvar textStore = [];\n\n\treturn function (index, replacement) {\n\t\ttextStore[index] = replacement;\n\t\treturn textStore.filter(Boolean).join('\\n');\n\t};\n})();\n\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\tvar css = remove ? \"\" : obj.css;\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t} else {\n\t\tvar cssNode = document.createTextNode(css);\n\t\tvar childNodes = styleElement.childNodes;\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\tif (childNodes.length) {\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t} else {\n\t\t\tstyleElement.appendChild(cssNode);\n\t\t}\n\t}\n}\n\nfunction applyToTag(styleElement, obj) {\n\tvar css = obj.css;\n\tvar media = obj.media;\n\n\tif(media) {\n\t\tstyleElement.setAttribute(\"media\", media)\n\t}\n\n\tif(styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = css;\n\t} else {\n\t\twhile(styleElement.firstChild) {\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t}\n\t\tstyleElement.appendChild(document.createTextNode(css));\n\t}\n}\n\nfunction updateLink(linkElement, obj) {\n\tvar css = obj.css;\n\tvar sourceMap = obj.sourceMap;\n\n\tif(sourceMap) {\n\t\t// http://stackoverflow.com/a/26603875\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\n\t}\n\n\tvar blob = new Blob([css], { type: \"text/css\" });\n\n\tvar oldSrc = linkElement.href;\n\n\tlinkElement.href = URL.createObjectURL(blob);\n\n\tif(oldSrc)\n\t\tURL.revokeObjectURL(oldSrc);\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/addStyles.js\n// module id = 5\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-pulse v-pulse1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-pulse v-pulse2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-pulse v-pulse3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'PulseLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \twidth: this.size,\n        height: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-pulseStretchDelay',\n        animationDuration: '0.75s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\n        animationFillMode: 'both'\n      },\n      spinnerDelay1: {\n        animationDelay: '0.12s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.24s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.36s'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n/*.v-spinner\n{\n    margin: 100px auto;\n    text-align: center;\n}\n*/\n\n@-webkit-keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n\n@keyframes v-pulseStretchDelay\n{\n    0%,\n    80%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n    45%\n    {\n        -webkit-transform: scale(0.1);\n                transform: scale(0.1);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// PulseLoader.vue?520d2886","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-pulse v-pulse1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-pulse v-pulse2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-pulse v-pulse3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/PulseLoader.vue\n// module id = 7\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./GridLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./GridLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/GridLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/GridLoader.vue\n// module id = 8\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./GridLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/GridLoader.vue\n// module id = 9\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n@-webkit-keyframes v-gridStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.5);\\n                transform: scale(0.5);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-gridStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.5);\\n                transform: scale(0.5);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/GridLoader.vue.style\"],\"names\":[],\"mappings\":\";AA2IA;;IAEA;;QAEA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA\",\"file\":\"GridLoader.vue\",\"sourcesContent\":[\"<template>\\n  <div class=\\\"v-spinner\\\" v-bind:style=\\\"containerStyle\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-grid v-grid1\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle1]\\\">\\n    </div><div class=\\\"v-grid v-grid2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-grid v-grid3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle3]\\\">\\n    </div><div class=\\\"v-grid v-grid4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle4]\\\">\\n    </div><div class=\\\"v-grid v-grid5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle5]\\\">\\n    </div><div class=\\\"v-grid v-grid6\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle6]\\\">\\n    </div><div class=\\\"v-grid v-grid7\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle7]\\\">\\n    </div><div class=\\\"v-grid v-grid8\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle8]\\\">\\n    </div><div class=\\\"v-grid v-grid9\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle9]\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'GridLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '15px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n        backgroundColor: this.color,\\n        width: this.size,\\n        height: this.size,\\n        margin: this.margin,\\n        borderRadius: this.radius\\n      }\\n    }\\n  },\\n  computed: {\\n    animationStyle () {\\n      return {\\n        animationName: 'v-gridStretchDelay',\\n        animationIterationCount: 'infinite',\\n        animationTimingFunction: 'ease',\\n        animationFillMode: 'both',\\n        display: 'inline-block'\\n      }\\n    },\\n    animationStyle1 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle2 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle3 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle4 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle5 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle6 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle7 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle8 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    animationStyle9 () {\\n      return {\\n        animationDelay: this.delay(),\\n        animationDuration: this.duration()\\n      }\\n    },\\n    containerStyle () {\\n      return {\\n        width: parseFloat(this.size) * 3 + parseFloat(this.margin) * 6 + 'px',\\n        fontSize: 0\\n      }\\n    }\\n  },\\n  methods: {\\n    random (value) {\\n      return Math.random() * value\\n    },\\n    delay () {\\n      return ((this.random(100) / 100) - 0.2) + 's'\\n    },\\n    duration () {\\n      return ((this.random(100) / 100) + 0.6) + 's'\\n    },\\n  }\\n}\\n</script>\\n\\n<style>\\n@-webkit-keyframes v-gridStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.5);\\n                transform: scale(0.5);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-gridStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.5);\\n                transform: scale(0.5);\\n        -webkit-opacity: 0.7;             \\n                opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-c536acea&file=GridLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/GridLoader.vue\n// module id = 10\n// module chunks = 0","<template>\n  <div class=\"v-spinner\" v-bind:style=\"containerStyle\" v-show=\"loading\">\n    <div class=\"v-grid v-grid1\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle1]\">\n    </div><div class=\"v-grid v-grid2\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle2]\">\n    </div><div class=\"v-grid v-grid3\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle3]\">\n    </div><div class=\"v-grid v-grid4\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle4]\">\n    </div><div class=\"v-grid v-grid5\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle5]\">\n    </div><div class=\"v-grid v-grid6\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle6]\">\n    </div><div class=\"v-grid v-grid7\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle7]\">\n    </div><div class=\"v-grid v-grid8\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle8]\">\n    </div><div class=\"v-grid v-grid9\" v-bind:style=\"[spinnerStyle,animationStyle,animationStyle9]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'GridLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        backgroundColor: this.color,\n        width: this.size,\n        height: this.size,\n        margin: this.margin,\n        borderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    animationStyle () {\n      return {\n        animationName: 'v-gridStretchDelay',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'ease',\n        animationFillMode: 'both',\n        display: 'inline-block'\n      }\n    },\n    animationStyle1 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle2 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle3 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle4 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle5 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle6 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle7 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle8 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    animationStyle9 () {\n      return {\n        animationDelay: this.delay(),\n        animationDuration: this.duration()\n      }\n    },\n    containerStyle () {\n      return {\n        width: parseFloat(this.size) * 3 + parseFloat(this.margin) * 6 + 'px',\n        fontSize: 0\n      }\n    }\n  },\n  methods: {\n    random (value) {\n      return Math.random() * value\n    },\n    delay () {\n      return ((this.random(100) / 100) - 0.2) + 's'\n    },\n    duration () {\n      return ((this.random(100) / 100) + 0.6) + 's'\n    },\n  }\n}\n</script>\n\n<style>\n@-webkit-keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-gridStretchDelay\n{\n    0%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.5);\n                transform: scale(0.5);\n        -webkit-opacity: 0.7;             \n                opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// GridLoader.vue?2a2fe172","module.exports = \"\\n  <div class=\\\"v-spinner\\\" v-bind:style=\\\"containerStyle\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-grid v-grid1\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle1]\\\">\\n    </div><div class=\\\"v-grid v-grid2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-grid v-grid3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle3]\\\">\\n    </div><div class=\\\"v-grid v-grid4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle4]\\\">\\n    </div><div class=\\\"v-grid v-grid5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle5]\\\">\\n    </div><div class=\\\"v-grid v-grid6\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle6]\\\">\\n    </div><div class=\\\"v-grid v-grid7\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle7]\\\">\\n    </div><div class=\\\"v-grid v-grid8\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle8]\\\">\\n    </div><div class=\\\"v-grid v-grid9\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,animationStyle9]\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/GridLoader.vue\n// module id = 12\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./ClipLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./ClipLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/ClipLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/ClipLoader.vue\n// module id = 13\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ClipLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ClipLoader.vue\n// module id = 14\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n.v-spinner .v-clip\\n{\\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\\n            animation: v-clipDelay 0.75s 0s infinite linear;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-clipDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg) scale(1);\\n                transform: rotate(0deg) scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg) scale(0.8);\\n                transform: rotate(180deg) scale(0.8);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg) scale(1);\\n                transform: rotate(360deg) scale(1);\\n    }\\n}\\n\\n@keyframes v-clipDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg) scale(1);\\n                transform: rotate(0deg) scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg) scale(0.8);\\n                transform: rotate(180deg) scale(0.8);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg) scale(1);\\n                transform: rotate(360deg) scale(1);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/ClipLoader.vue.style\"],\"names\":[],\"mappings\":\";AA+CA;;AAEA;;;mBAGA;IACA,sBAAA;IACA,mBAAA;;CAEA;;AAEA;;IAEA,wDAAA;YACA,gDAAA;IACA,kCAAA;WACA,0BAAA;;IAEA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,yCAAA;gBACA,iCAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;IACA;;QAEA,2CAAA;gBACA,mCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,yCAAA;gBACA,iCAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;IACA;;QAEA,2CAAA;gBACA,mCAAA;KACA;CACA\",\"file\":\"ClipLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-clip\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'ClipLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n  \\tcolor: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n  \\tsize: {\\n      type: String,\\n      default: '35px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  computed: {\\n    spinnerStyle () {\\n      return {\\n        height: this.size,\\n        width: this.size,\\n        borderWidth: '2px',\\n        borderStyle: 'solid',\\n        borderColor: this.color + ' ' + this.color + ' transparent',\\n        borderRadius: this.radius,\\n        background: 'transparent'\\n      }\\n    }\\n  }\\n}\\n</script>\\n\\n<style>\\n.v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n.v-spinner .v-clip\\n{\\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\\n            animation: v-clipDelay 0.75s 0s infinite linear;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-clipDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg) scale(1);\\n                transform: rotate(0deg) scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg) scale(0.8);\\n                transform: rotate(180deg) scale(0.8);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg) scale(1);\\n                transform: rotate(360deg) scale(1);\\n    }\\n}\\n\\n@keyframes v-clipDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg) scale(1);\\n                transform: rotate(0deg) scale(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg) scale(0.8);\\n                transform: rotate(180deg) scale(0.8);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg) scale(1);\\n                transform: rotate(360deg) scale(1);\\n    }\\n}\\n</style>\\n\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-7993bd15&file=ClipLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ClipLoader.vue\n// module id = 15\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'ClipLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '35px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        borderWidth: '2px',\n        borderStyle: 'solid',\n        borderColor: this.color + ' ' + this.color + ' transparent',\n        borderRadius: this.radius,\n        background: 'transparent'\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-clip\n{\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n            animation: v-clipDelay 0.75s 0s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n\n@keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// ClipLoader.vue?711d2466","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-clip\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/ClipLoader.vue\n// module id = 17\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RiseLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RiseLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/RiseLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/RiseLoader.vue\n// module id = 18\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RiseLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RiseLoader.vue\n// module id = 19\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n.v-spinner .v-rise-odd\\n{\\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n    -webkit-animation-fill-mode: both;\\n\\t        animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n.v-spinner .v-rise-even\\n{\\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-riseOddDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(0.75);\\n                transform: translateY(0) scale(0.75);\\n    }\\n}\\n\\n@keyframes v-riseOddDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(0.75);\\n                transform: translateY(0) scale(0.75);\\n    }\\n}\\n\\n@-webkit-keyframes v-riseEvenDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(1.0);\\n                transform: translateY(0) scale(1.0);\\n    }\\n}\\n\\n@keyframes v-riseEvenDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(1.0);\\n                transform: translateY(0) scale(1.0);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/RiseLoader.vue.style\"],\"names\":[],\"mappings\":\";AAsDA;;AAEA;;;mBAGA;IACA,sBAAA;IACA,mBAAA;;CAEA;;AAEA;;IAEA,6EAAA;YACA,qEAAA;IACA,kCAAA;SACA,0BAAA;;IAEA,sBAAA;CACA;;AAEA;;IAEA,8EAAA;YACA,sEAAA;IACA,kCAAA;YACA,0BAAA;;IAEA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,6CAAA;gBACA,qCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,4CAAA;gBACA,oCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;IACA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,4CAAA;gBACA,oCAAA;KACA;CACA\",\"file\":\"RiseLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'RiseLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n  \\tcolor: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n  \\tsize: {\\n      type: String,\\n      default: '15px'\\n    },\\n  \\tmargin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.size,\\n     \\twidth: this.size,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n.v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n.v-spinner .v-rise-odd\\n{\\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n    -webkit-animation-fill-mode: both;\\n\\t        animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n.v-spinner .v-rise-even\\n{\\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-riseOddDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(0.75);\\n                transform: translateY(0) scale(0.75);\\n    }\\n}\\n\\n@keyframes v-riseOddDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(0.75);\\n                transform: translateY(0) scale(0.75);\\n    }\\n}\\n\\n@-webkit-keyframes v-riseEvenDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(1.0);\\n                transform: translateY(0) scale(1.0);\\n    }\\n}\\n\\n@keyframes v-riseEvenDelay\\n{\\n    25\\n    {\\n        -webkit-transform: translateY(-30px);\\n                transform: translateY(-30px);\\n    }\\n    0%\\n    {\\n        -webkit-transform: scale(1.1);\\n                transform: scale(1.1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(0.4);\\n                transform: scale(0.4);\\n    }\\n    75%\\n    {\\n        -webkit-transform: translateY(30px);\\n                transform: translateY(30px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0) scale(1.0);\\n                transform: translateY(0) scale(1.0);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-5db37d64&file=RiseLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RiseLoader.vue\n// module id = 20\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rise v-rise-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'RiseLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '15px'\n    },\n  \tmargin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-rise-odd\n{\n    -webkit-animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n\t        animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n.v-spinner .v-rise-even\n{\n    -webkit-animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n            animation: v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@keyframes v-riseOddDelay\n{\n    25\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    75%\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(0.75);\n                transform: translateY(0) scale(0.75);\n    }\n}\n\n@-webkit-keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n\n@keyframes v-riseEvenDelay\n{\n    25\n    {\n        -webkit-transform: translateY(-30px);\n                transform: translateY(-30px);\n    }\n    0%\n    {\n        -webkit-transform: scale(1.1);\n                transform: scale(1.1);\n    }\n    50%\n    {\n        -webkit-transform: scale(0.4);\n                transform: scale(0.4);\n    }\n    75%\n    {\n        -webkit-transform: translateY(30px);\n                transform: translateY(30px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0) scale(1.0);\n                transform: translateY(0) scale(1.0);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// RiseLoader.vue?f0926c62","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rise v-rise-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RiseLoader.vue\n// module id = 22\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./BeatLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./BeatLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/BeatLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/BeatLoader.vue\n// module id = 23\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BeatLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BeatLoader.vue\n// module id = 24\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-beat\\n{\\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\\n            animation: v-beatStretchDelay 0.7s infinite linear;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    display: inline-block;         \\n}\\n\\n.v-spinner .v-beat-odd\\n{\\n  -webkit-animation-delay: 0s;\\n          animation-delay: 0s;\\n}\\n.v-spinner .v-beat-even\\n{\\n  -webkit-animation-delay: 0.35s;\\n          animation-delay: 0.35s;\\n}\\n\\n@-webkit-keyframes v-beatStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-transform: scale(0.75);\\n                transform: scale(0.75);\\n        -webkit-opacity: 0.2;             \\n                opacity: 0.2;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-beatStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-transform: scale(0.75);\\n                transform: scale(0.75);\\n        -webkit-opacity: 0.2;             \\n                opacity: 0.2;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/BeatLoader.vue.style\"],\"names\":[],\"mappings\":\";;AAqDA;;IAEA,2DAAA;YACA,mDAAA;IACA,kCAAA;WACA,0BAAA;IACA,sBAAA;CACA;;AAEA;;EAEA,4BAAA;UAAA,oBAAA;CACA;AACA;;EAEA,+BAAA;UAAA,uBAAA;CACA;;AAEA;;IAEA;;QAEA,+BAAA;gBACA,uBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,+BAAA;gBACA,uBAAA;QACA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,4BAAA;gBACA,oBAAA;QACA,mBAAA;gBACA,WAAA;KACA;CACA\",\"file\":\"BeatLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-beat v-beat-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-beat v-beat-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-beat v-beat-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'BeatLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '15px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.size,\\n     \\t\\twidth: this.size,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-beat\\n{\\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\\n            animation: v-beatStretchDelay 0.7s infinite linear;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    display: inline-block;         \\n}\\n\\n.v-spinner .v-beat-odd\\n{\\n  animation-delay: 0s;\\n}\\n.v-spinner .v-beat-even\\n{\\n  animation-delay: 0.35s;\\n}\\n\\n@-webkit-keyframes v-beatStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-transform: scale(0.75);\\n                transform: scale(0.75);\\n        -webkit-opacity: 0.2;             \\n                opacity: 0.2;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-beatStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-transform: scale(0.75);\\n                transform: scale(0.75);\\n        -webkit-opacity: 0.2;             \\n                opacity: 0.2;\\n    }\\n    100%\\n    {\\n        -webkit-transform: scale(1);\\n                transform: scale(1);\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-282665fb&file=BeatLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BeatLoader.vue\n// module id = 25\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-even\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-beat v-beat-odd\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'BeatLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-beat\n{\n    -webkit-animation: v-beatStretchDelay 0.7s infinite linear;\n            animation: v-beatStretchDelay 0.7s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;         \n}\n\n.v-spinner .v-beat-odd\n{\n  animation-delay: 0s;\n}\n.v-spinner .v-beat-even\n{\n  animation-delay: 0.35s;\n}\n\n@-webkit-keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-beatStretchDelay\n{\n    50%\n    {\n        -webkit-transform: scale(0.75);\n                transform: scale(0.75);\n        -webkit-opacity: 0.2;             \n                opacity: 0.2;\n    }\n    100%\n    {\n        -webkit-transform: scale(1);\n                transform: scale(1);\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// BeatLoader.vue?516a9d60","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-beat v-beat-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-beat v-beat-even\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-beat v-beat-odd\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/BeatLoader.vue\n// module id = 27\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./SyncLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./SyncLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/SyncLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/SyncLoader.vue\n// module id = 28\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SyncLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SyncLoader.vue\n// module id = 29\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n@-webkit-keyframes v-syncStretchDelay\\n{\\n    33%\\n    {\\n        -webkit-transform: translateY(10px);\\n                transform: translateY(10px);\\n    }\\n    66%\\n    {\\n        -webkit-transform: translateY(-10px);\\n                transform: translateY(-10px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0);\\n                transform: translateY(0);\\n    }\\n}\\n\\n@keyframes v-syncStretchDelay\\n{\\n    33%\\n    {\\n        -webkit-transform: translateY(10px);\\n                transform: translateY(10px);\\n    }\\n    66%\\n    {\\n        -webkit-transform: translateY(-10px);\\n                transform: translateY(-10px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0);\\n                transform: translateY(0);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/SyncLoader.vue.style\"],\"names\":[],\"mappings\":\";;AAoEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,iCAAA;gBACA,yBAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,oCAAA;gBACA,4BAAA;KACA;IACA;;QAEA,qCAAA;gBACA,6BAAA;KACA;IACA;;QAEA,iCAAA;gBACA,yBAAA;KACA;CACA\",\"file\":\"SyncLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-sync v-sync1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-sync v-sync2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-sync v-sync3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'SyncLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '15px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.size,\\n     \\t\\twidth: this.size,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius,\\n        display: 'inline-block',\\n        animationName: 'v-syncStretchDelay',\\n        animationDuration: '0.6s',\\n        animationIterationCount: 'infinite',\\n        animationTimingFunction: 'ease-in-out',\\n        animationFillMode: 'both'\\n      },\\n      spinnerDelay1: {\\n        animationDelay: '0.07s'\\n      },\\n      spinnerDelay2: {\\n        animationDelay: '0.14s'\\n      },\\n      spinnerDelay3: {\\n        animationDelay: '0.21s'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n@-webkit-keyframes v-syncStretchDelay\\n{\\n    33%\\n    {\\n        -webkit-transform: translateY(10px);\\n                transform: translateY(10px);\\n    }\\n    66%\\n    {\\n        -webkit-transform: translateY(-10px);\\n                transform: translateY(-10px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0);\\n                transform: translateY(0);\\n    }\\n}\\n\\n@keyframes v-syncStretchDelay\\n{\\n    33%\\n    {\\n        -webkit-transform: translateY(10px);\\n                transform: translateY(10px);\\n    }\\n    66%\\n    {\\n        -webkit-transform: translateY(-10px);\\n                transform: translateY(-10px);\\n    }\\n    100%\\n    {\\n        -webkit-transform: translateY(0);\\n                transform: translateY(0);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-4af2d2a0&file=SyncLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SyncLoader.vue\n// module id = 30\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-sync v-sync1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-sync v-sync2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-sync v-sync3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'SyncLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-syncStretchDelay',\n        animationDuration: '0.6s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'ease-in-out',\n        animationFillMode: 'both'\n      },\n      spinnerDelay1: {\n        animationDelay: '0.07s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.14s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.21s'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n@-webkit-keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n\n@keyframes v-syncStretchDelay\n{\n    33%\n    {\n        -webkit-transform: translateY(10px);\n                transform: translateY(10px);\n    }\n    66%\n    {\n        -webkit-transform: translateY(-10px);\n                transform: translateY(-10px);\n    }\n    100%\n    {\n        -webkit-transform: translateY(0);\n                transform: translateY(0);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// SyncLoader.vue?39c035b6","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-sync v-sync1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-sync v-sync2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-sync v-sync3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/SyncLoader.vue\n// module id = 32\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RotateLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RotateLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/RotateLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/RotateLoader.vue\n// module id = 33\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RotateLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RotateLoader.vue\n// module id = 34\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-rotate1\\n{\\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n    display: inline-block;\\n    position: relative;\\n}\\n\\n.v-spinner .v-rotate2\\n{\\n  opacity: 0.8;\\n  position: absolute;\\n  top: 0;\\n  left: -28px;\\n}\\n\\n.v-spinner .v-rotate3\\n{\\n  opacity: 0.8;\\n  position: absolute;\\n  top: 0;\\n  left: 25px;\\n}\\n\\n@-webkit-keyframes v-rotateStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg);\\n                transform: rotate(0deg);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg);\\n                transform: rotate(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-rotateStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg);\\n                transform: rotate(0deg);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg);\\n                transform: rotate(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/RotateLoader.vue.style\"],\"names\":[],\"mappings\":\";;AAqDA;;IAEA,qFAAA;YACA,6EAAA;IACA,kCAAA;YACA,0BAAA;IACA,sBAAA;IACA,mBAAA;CACA;;AAEA;;EAEA,aAAA;EACA,mBAAA;EACA,OAAA;EACA,YAAA;CACA;;AAEA;;EAEA,aAAA;EACA,mBAAA;EACA,OAAA;EACA,WAAA;CACA;;AAEA;;IAEA;;QAEA,gCAAA;gBACA,wBAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,gCAAA;gBACA,wBAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;IACA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA\",\"file\":\"RotateLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-rotate v-rotate1\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    <div class=\\\"v-rotate v-rotate2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rotate v-rotate3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'RotateLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '15px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.size,\\n     \\t\\twidth: this.size,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-rotate1\\n{\\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n    display: inline-block;\\n    position: relative;\\n}\\n\\n.v-spinner .v-rotate2\\n{\\n  opacity: 0.8;\\n  position: absolute;\\n  top: 0;\\n  left: -28px;\\n}\\n\\n.v-spinner .v-rotate3\\n{\\n  opacity: 0.8;\\n  position: absolute;\\n  top: 0;\\n  left: 25px;\\n}\\n\\n@-webkit-keyframes v-rotateStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg);\\n                transform: rotate(0deg);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg);\\n                transform: rotate(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-rotateStretchDelay\\n{\\n    0%\\n    {\\n        -webkit-transform: rotate(0deg);\\n                transform: rotate(0deg);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotate(180deg);\\n                transform: rotate(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-16962240&file=RotateLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RotateLoader.vue\n// module id = 35\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-rotate v-rotate1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-rotate v-rotate2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-rotate v-rotate3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'RotateLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '15px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t\twidth: this.size,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-rotate1\n{\n    -webkit-animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n            animation: v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n    display: inline-block;\n    position: relative;\n}\n\n.v-spinner .v-rotate2\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: -28px;\n}\n\n.v-spinner .v-rotate3\n{\n  opacity: 0.8;\n  position: absolute;\n  top: 0;\n  left: 25px;\n}\n\n@-webkit-keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-rotateStretchDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg);\n                transform: rotate(0deg);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg);\n                transform: rotate(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// RotateLoader.vue?9f171c54","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-rotate v-rotate1\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    <div class=\\\"v-rotate v-rotate2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-rotate v-rotate3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RotateLoader.vue\n// module id = 37\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./FadeLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./FadeLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/FadeLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/FadeLoader.vue\n// module id = 38\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./FadeLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/FadeLoader.vue\n// module id = 39\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-fade\\n{\\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    position: absolute;               \\n}\\n\\n@-webkit-keyframes v-fadeStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-opacity: 0.3;             \\n                opacity: 0.3;\\n    }\\n    100%\\n    {\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-fadeStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-opacity: 0.3;             \\n                opacity: 0.3;\\n    }\\n    100%\\n    {\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/FadeLoader.vue.style\"],\"names\":[],\"mappings\":\";;AAwIA;;IAEA,gEAAA;YACA,wDAAA;IACA,kCAAA;WACA,0BAAA;IACA,mBAAA;CACA;;AAEA;;IAEA;;QAEA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,mBAAA;gBACA,WAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qBAAA;gBACA,aAAA;KACA;IACA;;QAEA,mBAAA;gBACA,WAAA;KACA;CACA\",\"file\":\"FadeLoader.vue\",\"sourcesContent\":[\"<template>\\n  <div class=\\\"v-spinner\\\" v-bind:style=\\\"{position: 'relative', fontSize: 0}\\\" v-show=\\\"loading\\\">\\n  <!-- <div class=\\\"v-spinner\\\" v-bind:style=\\\"containerStyle\\\"> -->\\n    <div class=\\\"v-fade v-fade1\\\" v-bind:style=\\\"[spinnerStyle,animationStyle1]\\\">\\n    </div><div class=\\\"v-fade v-fade2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-fade v-fade3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle3]\\\">\\n    </div><div class=\\\"v-fade v-fade4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle4]\\\">\\n    </div><div class=\\\"v-fade v-fade5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle5]\\\">\\n    </div><div class=\\\"v-fade v-fade6\\\" v-bind:style=\\\"[spinnerStyle,animationStyle6]\\\">\\n    </div><div class=\\\"v-fade v-fade7\\\" v-bind:style=\\\"[spinnerStyle,animationStyle7]\\\">\\n    </div><div class=\\\"v-fade v-fade8\\\" v-bind:style=\\\"[spinnerStyle,animationStyle8]\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'FadeLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    height: {\\n      type: String,\\n      default: '15px'\\n    },\\n    width: {\\n      type: String,\\n      default: '5px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '20px'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.height,\\n     \\t\\twidth: this.width,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius\\n      }\\n    }\\n  },\\n  computed: {\\n    ngRadius () {\\n      return '-' + this.radius\\n    },\\n    quarter () {\\n      return (parseFloat(this.radius)/2 + parseFloat(this.radius)/5.5) + 'px'\\n    },\\n    ngQuarter () {\\n      return '-' + this.quarter\\n    },\\n    animationStyle1 () {\\n      return {\\n        top: this.radius,\\n        left: 0,\\n        animationDelay: '0.12s'\\n      }\\n    },\\n    animationStyle2 () {\\n      return {\\n        top: this.quarter,\\n        left: this.quarter,\\n        animationDelay: '0.24s',\\n        transform: 'rotate(-45deg)'\\n      }\\n    },\\n    animationStyle3 () {\\n      return {\\n        top: 0,\\n        left: this.radius,\\n        animationDelay: '0.36s',\\n        transform: 'rotate(90deg)'\\n      }\\n    },\\n    animationStyle4 () {\\n      return {\\n        top: this.ngQuarter,\\n        left: this.quarter,\\n        animationDelay: '0.48s',\\n        transform: 'rotate(45deg)'\\n      }\\n    },\\n    animationStyle5 () {\\n      return {\\n        top: this.ngRadius,\\n        left: 0,\\n        animationDelay: '0.60s'\\n      }\\n    },\\n    animationStyle6 () {\\n      return {\\n        top: this.ngQuarter,\\n        left: this.ngQuarter,\\n        animationDelay: '0.72s',\\n        transform: 'rotate(-45deg)'\\n      }\\n    },\\n    animationStyle7 () {\\n      return {\\n        top: 0,\\n        left: this.ngRadius,\\n        animationDelay: '0.84s',\\n        transform: 'rotate(90deg)'\\n      }\\n    },\\n    animationStyle8 () {\\n      return {\\n        top: this.quarter,\\n        left: this.ngQuarter,\\n        animationDelay: '0.96s',\\n        transform: 'rotate(45deg)'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-fade\\n{\\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    position: absolute;               \\n}\\n\\n@-webkit-keyframes v-fadeStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-opacity: 0.3;             \\n                opacity: 0.3;\\n    }\\n    100%\\n    {\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n\\n@keyframes v-fadeStretchDelay\\n{\\n    50%\\n    {\\n        -webkit-opacity: 0.3;             \\n                opacity: 0.3;\\n    }\\n    100%\\n    {\\n        -webkit-opacity: 1;             \\n                opacity: 1;\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-533fe941&file=FadeLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/FadeLoader.vue\n// module id = 40\n// module chunks = 0","<template>\n  <div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n  <!-- <div class=\"v-spinner\" v-bind:style=\"containerStyle\"> -->\n    <div class=\"v-fade v-fade1\" v-bind:style=\"[spinnerStyle,animationStyle1]\">\n    </div><div class=\"v-fade v-fade2\" v-bind:style=\"[spinnerStyle,animationStyle2]\">\n    </div><div class=\"v-fade v-fade3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div><div class=\"v-fade v-fade4\" v-bind:style=\"[spinnerStyle,animationStyle4]\">\n    </div><div class=\"v-fade v-fade5\" v-bind:style=\"[spinnerStyle,animationStyle5]\">\n    </div><div class=\"v-fade v-fade6\" v-bind:style=\"[spinnerStyle,animationStyle6]\">\n    </div><div class=\"v-fade v-fade7\" v-bind:style=\"[spinnerStyle,animationStyle7]\">\n    </div><div class=\"v-fade v-fade8\" v-bind:style=\"[spinnerStyle,animationStyle8]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'FadeLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    height: {\n      type: String,\n      default: '15px'\n    },\n    width: {\n      type: String,\n      default: '5px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '20px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.height,\n     \t\twidth: this.width,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    ngRadius () {\n      return '-' + this.radius\n    },\n    quarter () {\n      return (parseFloat(this.radius)/2 + parseFloat(this.radius)/5.5) + 'px'\n    },\n    ngQuarter () {\n      return '-' + this.quarter\n    },\n    animationStyle1 () {\n      return {\n        top: this.radius,\n        left: 0,\n        animationDelay: '0.12s'\n      }\n    },\n    animationStyle2 () {\n      return {\n        top: this.quarter,\n        left: this.quarter,\n        animationDelay: '0.24s',\n        transform: 'rotate(-45deg)'\n      }\n    },\n    animationStyle3 () {\n      return {\n        top: 0,\n        left: this.radius,\n        animationDelay: '0.36s',\n        transform: 'rotate(90deg)'\n      }\n    },\n    animationStyle4 () {\n      return {\n        top: this.ngQuarter,\n        left: this.quarter,\n        animationDelay: '0.48s',\n        transform: 'rotate(45deg)'\n      }\n    },\n    animationStyle5 () {\n      return {\n        top: this.ngRadius,\n        left: 0,\n        animationDelay: '0.60s'\n      }\n    },\n    animationStyle6 () {\n      return {\n        top: this.ngQuarter,\n        left: this.ngQuarter,\n        animationDelay: '0.72s',\n        transform: 'rotate(-45deg)'\n      }\n    },\n    animationStyle7 () {\n      return {\n        top: 0,\n        left: this.ngRadius,\n        animationDelay: '0.84s',\n        transform: 'rotate(90deg)'\n      }\n    },\n    animationStyle8 () {\n      return {\n        top: this.quarter,\n        left: this.ngQuarter,\n        animationDelay: '0.96s',\n        transform: 'rotate(45deg)'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-fade\n{\n    -webkit-animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n            animation: v-fadeStretchDelay 1.2s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    position: absolute;               \n}\n\n@-webkit-keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n\n@keyframes v-fadeStretchDelay\n{\n    50%\n    {\n        -webkit-opacity: 0.3;             \n                opacity: 0.3;\n    }\n    100%\n    {\n        -webkit-opacity: 1;             \n                opacity: 1;\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// FadeLoader.vue?7cbbd420","module.exports = \"\\n  <div class=\\\"v-spinner\\\" v-bind:style=\\\"{position: 'relative', fontSize: 0}\\\" v-show=\\\"loading\\\">\\n  <!-- <div class=\\\"v-spinner\\\" v-bind:style=\\\"containerStyle\\\"> -->\\n    <div class=\\\"v-fade v-fade1\\\" v-bind:style=\\\"[spinnerStyle,animationStyle1]\\\">\\n    </div><div class=\\\"v-fade v-fade2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-fade v-fade3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle3]\\\">\\n    </div><div class=\\\"v-fade v-fade4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle4]\\\">\\n    </div><div class=\\\"v-fade v-fade5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle5]\\\">\\n    </div><div class=\\\"v-fade v-fade6\\\" v-bind:style=\\\"[spinnerStyle,animationStyle6]\\\">\\n    </div><div class=\\\"v-fade v-fade7\\\" v-bind:style=\\\"[spinnerStyle,animationStyle7]\\\">\\n    </div><div class=\\\"v-fade v-fade8\\\" v-bind:style=\\\"[spinnerStyle,animationStyle8]\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/FadeLoader.vue\n// module id = 42\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./PacmanLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./PacmanLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/PacmanLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/PacmanLoader.vue\n// module id = 43\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./PacmanLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PacmanLoader.vue\n// module id = 44\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.v-spinner\\n{\\n    text-align: center;\\n}\\n\\n/*TODO computed transform */\\n@-webkit-keyframes v-pacmanStretchDelay\\n{\\n    75%\\n    {\\n        -webkit-opacity: 0.7;             \\n        opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: translate(-100px, -6.25px);\\n                transform: translate(-100px, -6.25px);\\n    }\\n}\\n\\n@keyframes v-pacmanStretchDelay\\n{\\n    75%\\n    {\\n        -webkit-opacity: 0.7;             \\n        opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: translate(-100px, -6.25px);\\n                transform: translate(-100px, -6.25px);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/PacmanLoader.vue.style\"],\"names\":[],\"mappings\":\";AAsGA;;IAEA,mBAAA;CACA;;AAEA,4BAAA;AACA;;IAEA;;QAEA,qBAAA;QACA,aAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,qBAAA;QACA,aAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;CACA\",\"file\":\"PacmanLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-bind:style=\\\"{position: 'relative', fontSize: 0}\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-pacman v-pacman1\\\" v-bind:style=\\\"spinnerStyle1\\\">\\n    </div><div class=\\\"v-pacman v-pacman2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-pacman v-pacman3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay3]\\\">\\n    </div><div class=\\\"v-pacman v-pacman4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay4]\\\">\\n    </div><div class=\\\"v-pacman v-pacman5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay5]\\\">\\n    </div>\\n</div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'PacmanLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '25px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerDelay2: {\\n        animationDelay: '0.25s'\\n      },\\n      spinnerDelay3: {\\n        animationDelay: '0.50s'\\n      },\\n      spinnerDelay4: {\\n        animationDelay: '0.75s'\\n      },\\n      spinnerDelay5: {\\n        animationDelay: '1s'\\n      }\\n    }\\n  },\\n  computed: {\\n    spinnerStyle () {\\n      return {\\n        backgroundColor: this.color,\\n        width: this.size,\\n        height: this.size,\\n        margin: this.margin,\\n        borderRadius: this.radius,\\n      }\\n    },\\n    border1 () {\\n      return this.size + ' solid transparent'\\n    },\\n    border2 () {\\n      return this.size + ' solid ' + this.color\\n    },\\n    spinnerStyle1 () {\\n      return {\\n        width: 0,\\n        height: 0,\\n        borderTop: this.border2,\\n        borderRight: this.border1,\\n        borderBottom: this.border2,\\n        borderLeft: this.border2,\\n        borderRadius: this.size\\n      }\\n    },\\n    animationStyle () {\\n      return {\\n        width: '10px',\\n        height: '10px',\\n        transform: 'translate(0, '+ -parseFloat(this.size)/4 + 'px)',\\n        position: 'absolute',\\n        top: '25px',\\n        left: '100px',\\n        animationName: 'v-pacmanStretchDelay',\\n        animationDuration: '1s',\\n        animationIterationCount: 'infinite',\\n        animationTimingFunction: 'linear',\\n        animationFillMode: 'both'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n.v-spinner\\n{\\n    text-align: center;\\n}\\n\\n/*TODO computed transform */\\n@-webkit-keyframes v-pacmanStretchDelay\\n{\\n    75%\\n    {\\n        -webkit-opacity: 0.7;             \\n        opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: translate(-100px, -6.25px);\\n                transform: translate(-100px, -6.25px);\\n    }\\n}\\n\\n@keyframes v-pacmanStretchDelay\\n{\\n    75%\\n    {\\n        -webkit-opacity: 0.7;             \\n        opacity: 0.7;\\n    }\\n    100%\\n    {\\n        -webkit-transform: translate(-100px, -6.25px);\\n                transform: translate(-100px, -6.25px);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-1fd650cd&file=PacmanLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/PacmanLoader.vue\n// module id = 45\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-bind:style=\"{position: 'relative', fontSize: 0}\" v-show=\"loading\">\n    <div class=\"v-pacman v-pacman1\" v-bind:style=\"spinnerStyle1\">\n    </div><div class=\"v-pacman v-pacman2\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay2]\">\n    </div><div class=\"v-pacman v-pacman3\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay3]\">\n    </div><div class=\"v-pacman v-pacman4\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay4]\">\n    </div><div class=\"v-pacman v-pacman5\" v-bind:style=\"[spinnerStyle,animationStyle,spinnerDelay5]\">\n    </div>\n</div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'PacmanLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '25px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerDelay2: {\n        animationDelay: '0.25s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.50s'\n      },\n      spinnerDelay4: {\n        animationDelay: '0.75s'\n      },\n      spinnerDelay5: {\n        animationDelay: '1s'\n      }\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        backgroundColor: this.color,\n        width: this.size,\n        height: this.size,\n        margin: this.margin,\n        borderRadius: this.radius,\n      }\n    },\n    border1 () {\n      return this.size + ' solid transparent'\n    },\n    border2 () {\n      return this.size + ' solid ' + this.color\n    },\n    spinnerStyle1 () {\n      return {\n        width: 0,\n        height: 0,\n        borderTop: this.border2,\n        borderRight: this.border1,\n        borderBottom: this.border2,\n        borderLeft: this.border2,\n        borderRadius: this.size\n      }\n    },\n    animationStyle () {\n      return {\n        width: '10px',\n        height: '10px',\n        transform: 'translate(0, '+ -parseFloat(this.size)/4 + 'px)',\n        position: 'absolute',\n        top: '25px',\n        left: '100px',\n        animationName: 'v-pacmanStretchDelay',\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'linear',\n        animationFillMode: 'both'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n    text-align: center;\n}\n\n/*TODO computed transform */\n@-webkit-keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n\n@keyframes v-pacmanStretchDelay\n{\n    75%\n    {\n        -webkit-opacity: 0.7;             \n        opacity: 0.7;\n    }\n    100%\n    {\n        -webkit-transform: translate(-100px, -6.25px);\n                transform: translate(-100px, -6.25px);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// PacmanLoader.vue?ef3a34ee","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-bind:style=\\\"{position: 'relative', fontSize: 0}\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-pacman v-pacman1\\\" v-bind:style=\\\"spinnerStyle1\\\">\\n    </div><div class=\\\"v-pacman v-pacman2\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-pacman v-pacman3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay3]\\\">\\n    </div><div class=\\\"v-pacman v-pacman4\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay4]\\\">\\n    </div><div class=\\\"v-pacman v-pacman5\\\" v-bind:style=\\\"[spinnerStyle,animationStyle,spinnerDelay5]\\\">\\n    </div>\\n</div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/PacmanLoader.vue\n// module id = 47\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./SquareLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./SquareLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/SquareLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/SquareLoader.vue\n// module id = 48\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SquareLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SquareLoader.vue\n// module id = 49\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.v-spinner\\n{\\n    text-align: center;\\n}\\n\\n.v-spinner .v-square\\n{\\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    -webkit-perspective: 100px;\\n            perspective: 100px;\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-squareDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(0);\\n                transform: rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\\n                transform: rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(180deg);\\n                transform: rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(0);\\n                transform: rotateX(0) rotateY(0);\\n    }\\n}\\n\\n@keyframes v-squareDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(0);\\n                transform: rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\\n                transform: rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(180deg);\\n                transform: rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(0);\\n                transform: rotateX(0) rotateY(0);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/SquareLoader.vue.style\"],\"names\":[],\"mappings\":\";AAwCA;;IAEA,mBAAA;CACA;;AAEA;;IAEA,6EAAA;YACA,qEAAA;IACA,kCAAA;WACA,0BAAA;IACA,2BAAA;YAAA,mBAAA;IACA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,mDAAA;gBACA,2CAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,yCAAA;gBACA,iCAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,mDAAA;gBACA,2CAAA;KACA;IACA;;QAEA,8CAAA;gBACA,sCAAA;KACA;IACA;;QAEA,yCAAA;gBACA,iCAAA;KACA;CACA\",\"file\":\"SquareLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-square\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'SquareLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n  \\tcolor: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n  \\tsize: {\\n      type: String,\\n      default: '50px'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.size,\\n     \\t  width: this.size\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n.v-spinner\\n{\\n    text-align: center;\\n}\\n\\n.v-spinner .v-square\\n{\\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    perspective: 100px;\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-squareDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(0);\\n                transform: rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\\n                transform: rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(180deg);\\n                transform: rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(0);\\n                transform: rotateX(0) rotateY(0);\\n    }\\n}\\n\\n@keyframes v-squareDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(0);\\n                transform: rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\\n                transform: rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(180deg);\\n                transform: rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: rotateX(0) rotateY(0);\\n                transform: rotateX(0) rotateY(0);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-5c782022&file=SquareLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SquareLoader.vue\n// module id = 50\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-square\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'SquareLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '50px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.size,\n     \t  width: this.size\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-square\n{\n    -webkit-animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    perspective: 100px;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-squareDelay\n{\n    25%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(0);\n                transform: rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: rotateX(180deg) rotateY(180deg);\n                transform: rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: rotateX(0) rotateY(180deg);\n                transform: rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: rotateX(0) rotateY(0);\n                transform: rotateX(0) rotateY(0);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// SquareLoader.vue?5f2e01d0","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-square\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/SquareLoader.vue\n// module id = 52\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./ScaleLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./ScaleLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/ScaleLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/ScaleLoader.vue\n// module id = 53\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./ScaleLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ScaleLoader.vue\n// module id = 54\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n\\n@-webkit-keyframes v-scaleStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scaleY(1);\\n                transform: scaleY(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scaleY(0.4);\\n                transform: scaleY(0.4);\\n    }\\n}\\n\\n@keyframes v-scaleStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scaleY(1);\\n                transform: scaleY(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scaleY(0.4);\\n                transform: scaleY(0.4);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/ScaleLoader.vue.style\"],\"names\":[],\"mappings\":\";AAkFA;;AAEA;;;mBAGA;IACA,sBAAA;IACA,mBAAA;;CAEA;;;AAGA;;IAEA;;;QAGA,6BAAA;gBACA,qBAAA;KACA;IACA;;QAEA,+BAAA;gBACA,uBAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,6BAAA;gBACA,qBAAA;KACA;IACA;;QAEA,+BAAA;gBACA,uBAAA;KACA;CACA\",\"file\":\"ScaleLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-scale v-scale1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-scale v-scale2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-scale v-scale3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div><div class=\\\"v-scale v-scale4\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay4]\\\">\\n    </div><div class=\\\"v-scale v-scale5\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay5]\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'ScaleLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n  \\tcolor: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n  \\theight: {\\n      type: String,\\n      default: '35px'\\n    },\\n  \\twidth: {\\n      type: String,\\n      default: '4px'\\n    },\\n  \\tmargin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '2px'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\tbackgroundColor: this.color,\\n      \\theight: this.height,\\n     \\t\\twidth: this.width,\\n      \\tmargin: this.margin,\\n      \\tborderRadius: this.radius,\\n        display: 'inline-block',\\n        animationName: 'v-scaleStretchDelay',\\n        animationDuration: '1s',\\n        animationIterationCount: 'infinite',\\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\\n        animationFillMode: 'both'\\n      \\t// TODO \\n      \\t// animation: ['sk-waveStretchDelay', '1s', 'infinite', 'cubic-bezier(.2,.68,.18,1.08)'].join(' '),\\n      \\t// animationFillMode: \\\"both\\\"\\n      },\\n      spinnerDelay1: {\\n        animationDelay: '0.1s'\\n      },\\n      spinnerDelay2: {\\n        animationDelay: '0.2s'\\n      },\\n      spinnerDelay3: {\\n        animationDelay: '0.3s'\\n      },\\n      spinnerDelay4: {\\n        animationDelay: '0.4s'\\n      },\\n      spinnerDelay5: {\\n        animationDelay: '0.5s'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n.v-spinner\\n{\\n/*\\t  font-size: 10px; \\n\\n    width: 60px;\\n    height: 40px;*/\\n    /*margin: 25px auto;*/\\n    text-align: center;\\n \\n}\\n\\n\\n@-webkit-keyframes v-scaleStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scaleY(1);\\n                transform: scaleY(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scaleY(0.4);\\n                transform: scaleY(0.4);\\n    }\\n}\\n\\n@keyframes v-scaleStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scaleY(1);\\n                transform: scaleY(1);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scaleY(0.4);\\n                transform: scaleY(0.4);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-d844fe4a&file=ScaleLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/ScaleLoader.vue\n// module id = 55\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-scale v-scale1\" v-bind:style=\"[spinnerStyle,spinnerDelay1]\">\n    </div><div class=\"v-scale v-scale2\" v-bind:style=\"[spinnerStyle,spinnerDelay2]\">\n    </div><div class=\"v-scale v-scale3\" v-bind:style=\"[spinnerStyle,spinnerDelay3]\">\n    </div><div class=\"v-scale v-scale4\" v-bind:style=\"[spinnerStyle,spinnerDelay4]\">\n    </div><div class=\"v-scale v-scale5\" v-bind:style=\"[spinnerStyle,spinnerDelay5]\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'ScaleLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \theight: {\n      type: String,\n      default: '35px'\n    },\n  \twidth: {\n      type: String,\n      default: '4px'\n    },\n  \tmargin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '2px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \tbackgroundColor: this.color,\n      \theight: this.height,\n     \t\twidth: this.width,\n      \tmargin: this.margin,\n      \tborderRadius: this.radius,\n        display: 'inline-block',\n        animationName: 'v-scaleStretchDelay',\n        animationDuration: '1s',\n        animationIterationCount: 'infinite',\n        animationTimingFunction: 'cubic-bezier(.2,.68,.18,1.08)',\n        animationFillMode: 'both'\n      \t// TODO \n      \t// animation: ['sk-waveStretchDelay', '1s', 'infinite', 'cubic-bezier(.2,.68,.18,1.08)'].join(' '),\n      \t// animationFillMode: \"both\"\n      },\n      spinnerDelay1: {\n        animationDelay: '0.1s'\n      },\n      spinnerDelay2: {\n        animationDelay: '0.2s'\n      },\n      spinnerDelay3: {\n        animationDelay: '0.3s'\n      },\n      spinnerDelay4: {\n        animationDelay: '0.4s'\n      },\n      spinnerDelay5: {\n        animationDelay: '0.5s'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n\n@-webkit-keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n\n@keyframes v-scaleStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scaleY(1);\n                transform: scaleY(1);\n    }\n    50%\n    {\n        -webkit-transform: scaleY(0.4);\n                transform: scaleY(0.4);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// ScaleLoader.vue?377b5a5b","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-scale v-scale1\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay1]\\\">\\n    </div><div class=\\\"v-scale v-scale2\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay2]\\\">\\n    </div><div class=\\\"v-scale v-scale3\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay3]\\\">\\n    </div><div class=\\\"v-scale v-scale4\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay4]\\\">\\n    </div><div class=\\\"v-scale v-scale5\\\" v-bind:style=\\\"[spinnerStyle,spinnerDelay5]\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/ScaleLoader.vue\n// module id = 57\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./SkewLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./SkewLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/SkewLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/SkewLoader.vue\n// module id = 58\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./SkewLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SkewLoader.vue\n// module id = 59\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n.v-spinner\\n{\\n    text-align: center;\\n}\\n\\n.v-spinner .v-skew\\n{\\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-skewDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\\n                transform: perspective(100px) rotateX(0) rotateY(0);\\n    }\\n}\\n\\n@keyframes v-skewDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\\n                transform: perspective(100px) rotateX(0) rotateY(0);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/SkewLoader.vue.style\"],\"names\":[],\"mappings\":\";AA0CA;;IAEA,mBAAA;CACA;;AAEA;;IAEA,2EAAA;YACA,mEAAA;IACA,kCAAA;WACA,0BAAA;IACA,sBAAA;CACA;;AAEA;;IAEA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,sEAAA;gBACA,8DAAA;KACA;IACA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,4DAAA;gBACA,oDAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,sEAAA;gBACA,8DAAA;KACA;IACA;;QAEA,iEAAA;gBACA,yDAAA;KACA;IACA;;QAEA,4DAAA;gBACA,oDAAA;KACA;CACA\",\"file\":\"SkewLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-skew\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'SkewLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n  \\tcolor: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n  \\tsize: {\\n      type: String,\\n      default: '20px'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n      \\theight: 0,\\n     \\t  width: 0,\\n        borderLeft: this.size + ' solid transparent',\\n        borderRight: this.size + ' solid transparent',\\n        borderBottom: this.size + ' solid ' + this.color\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n.v-spinner\\n{\\n    text-align: center;\\n}\\n\\n.v-spinner .v-skew\\n{\\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\\n    -webkit-animation-fill-mode: both;\\n\\t          animation-fill-mode: both;\\n    display: inline-block;\\n}\\n\\n@-webkit-keyframes v-skewDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\\n                transform: perspective(100px) rotateX(0) rotateY(0);\\n    }\\n}\\n\\n@keyframes v-skewDelay\\n{\\n    25%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\\n    }\\n    75%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\\n    }\\n    100%\\n    {\\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\\n                transform: perspective(100px) rotateX(0) rotateY(0);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-c730c362&file=SkewLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/SkewLoader.vue\n// module id = 60\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-skew\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'SkewLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '20px'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n      \theight: 0,\n     \t  width: 0,\n        borderLeft: this.size + ' solid transparent',\n        borderRight: this.size + ' solid transparent',\n        borderBottom: this.size + ' solid ' + this.color\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n.v-spinner\n{\n    text-align: center;\n}\n\n.v-spinner .v-skew\n{\n    -webkit-animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n            animation: v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n    display: inline-block;\n}\n\n@-webkit-keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n\n@keyframes v-skewDelay\n{\n    25%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);\n                transform: perspective(100px) rotateX(180deg) rotateY(0);\n    }\n    50%\n    {\n        -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n                transform: perspective(100px) rotateX(180deg) rotateY(180deg);\n    }\n    75%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);\n                transform: perspective(100px) rotateX(0) rotateY(180deg);\n    }\n    100%\n    {\n        -webkit-transform: perspective(100px) rotateX(0) rotateY(0);\n                transform: perspective(100px) rotateX(0) rotateY(0);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// SkewLoader.vue?23d2d57f","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-skew\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/SkewLoader.vue\n// module id = 62\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./MoonLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./MoonLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/MoonLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/MoonLoader.vue\n// module id = 63\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./MoonLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/MoonLoader.vue\n// module id = 64\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-moon1\\n{\\n\\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: relative;\\n}\\n\\n.v-spinner .v-moon2\\n{\\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    opacity: 0.8;\\n    position: absolute;\\n}\\n\\n.v-spinner .v-moon3\\n{\\n    opacity: 0.1;\\n}\\n\\n@-webkit-keyframes v-moonStretchDelay\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-moonStretchDelay\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/MoonLoader.vue.style\"],\"names\":[],\"mappings\":\";;AA0EA;;;IAGA,8DAAA;YACA,sDAAA;IACA,sCAAA;YACA,8BAAA;IACA,mBAAA;CACA;;AAEA;;IAEA,8DAAA;YACA,sDAAA;IACA,sCAAA;YACA,8BAAA;IACA,aAAA;IACA,mBAAA;CACA;;AAEA;;IAEA,aAAA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA\",\"file\":\"MoonLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-moon v-moon1\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    <div class=\\\"v-moon v-moon2\\\" v-bind:style=\\\"[spinnerMoonStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-moon v-moon3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle3]\\\">\\n    </div></div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'MoonLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '60px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n        height: this.size,\\n        width: this.size,\\n        borderRadius: this.radius\\n      }\\n    }\\n  },\\n  computed: {\\n    moonSize() {\\n      return parseFloat(this.size)/7\\n    },\\n    spinnerMoonStyle () {\\n      return {\\n        height: this.moonSize  + 'px',\\n        width: this.moonSize  + 'px',\\n        borderRadius: this.radius\\n      }\\n    },\\n    animationStyle2 () {\\n      return {\\n        top: parseFloat(this.size)/2 - this.moonSize/2 + 'px',\\n        backgroundColor: this.color\\n      }\\n    },\\n    animationStyle3 () {\\n      return {\\n        border: this.moonSize + 'px solid ' + this.color\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-moon1\\n{\\n\\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: relative;\\n}\\n\\n.v-spinner .v-moon2\\n{\\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    opacity: 0.8;\\n    position: absolute;\\n}\\n\\n.v-spinner .v-moon3\\n{\\n    opacity: 0.1;\\n}\\n\\n@-webkit-keyframes v-moonStretchDelay\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-moonStretchDelay\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-1c272b86&file=MoonLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/MoonLoader.vue\n// module id = 65\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-moon v-moon1\" v-bind:style=\"spinnerStyle\">\n    <div class=\"v-moon v-moon2\" v-bind:style=\"[spinnerMoonStyle,animationStyle2]\">\n    </div><div class=\"v-moon v-moon3\" v-bind:style=\"[spinnerStyle,animationStyle3]\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'MoonLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        height: this.size,\n        width: this.size,\n        borderRadius: this.radius\n      }\n    }\n  },\n  computed: {\n    moonSize() {\n      return parseFloat(this.size)/7\n    },\n    spinnerMoonStyle () {\n      return {\n        height: this.moonSize  + 'px',\n        width: this.moonSize  + 'px',\n        borderRadius: this.radius\n      }\n    },\n    animationStyle2 () {\n      return {\n        top: parseFloat(this.size)/2 - this.moonSize/2 + 'px',\n        backgroundColor: this.color\n      }\n    },\n    animationStyle3 () {\n      return {\n        border: this.moonSize + 'px solid ' + this.color\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-moon1\n{\n\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: relative;\n}\n\n.v-spinner .v-moon2\n{\n    -webkit-animation: v-moonStretchDelay 0.6s 0s infinite linear;\n            animation: v-moonStretchDelay 0.6s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    opacity: 0.8;\n    position: absolute;\n}\n\n.v-spinner .v-moon3\n{\n    opacity: 0.1;\n}\n\n@-webkit-keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-moonStretchDelay\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// MoonLoader.vue?43593ed5","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-moon v-moon1\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    <div class=\\\"v-moon v-moon2\\\" v-bind:style=\\\"[spinnerMoonStyle,animationStyle2]\\\">\\n    </div><div class=\\\"v-moon v-moon3\\\" v-bind:style=\\\"[spinnerStyle,animationStyle3]\\\">\\n    </div></div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/MoonLoader.vue\n// module id = 67\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RingLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RingLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/RingLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/RingLoader.vue\n// module id = 68\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RingLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RingLoader.vue\n// module id = 69\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-ring\\n{         \\n}\\n\\n.v-spinner .v-ring1\\n{      \\n}\\n\\n.v-spinner .v-ring2\\n{\\n\\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\\n            animation: v-ringRightRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    -webkit-perspective: 800px;\\n            perspective: 800px;  \\n    position: absolute;          \\n    top: 0;\\n    left: 0;\\n}\\n\\n.v-spinner .v-ring3\\n{\\n\\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\\n            animation: v-ringLeftRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    -webkit-perspective: 800px;\\n            perspective: 800px;            \\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n}\\n\\n@-webkit-keyframes v-ringRightRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@keyframes v-ringRightRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@-webkit-keyframes v-ringLeftRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@keyframes v-ringLeftRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/RingLoader.vue.style\"],\"names\":[],\"mappings\":\";;AA4DA;;CAEA;;AAEA;;CAEA;;AAEA;;;IAGA,2DAAA;YACA,mDAAA;IACA,sCAAA;YACA,8BAAA;IACA,2BAAA;YAAA,mBAAA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;CACA;;AAEA;;;IAGA,0DAAA;YACA,kDAAA;IACA,sCAAA;YACA,8BAAA;IACA,2BAAA;YAAA,mBAAA;IACA,mBAAA;IACA,OAAA;IACA,QAAA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA;;AAEA;;IAEA;;QAEA,6DAAA;gBACA,qDAAA;KACA;IACA;;QAEA,mEAAA;gBACA,2DAAA;;KAEA;CACA\",\"file\":\"RingLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-ring v-ring1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-ring v-ring2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-ring v-ring3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'RingLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '60px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  computed: {\\n    spinnerStyle () {\\n      return {\\n        height: this.size,\\n        width: this.size,\\n        border: parseFloat(this.size)/10 + 'px solid' + this.color,\\n        opacity: 0.4,\\n        borderRadius: this.radius\\n      }\\n    },\\n    spinnerBasicStyle () {\\n      return {\\n        height: this.size,\\n        width: this.size,\\n        position: 'relative'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-ring\\n{         \\n}\\n\\n.v-spinner .v-ring1\\n{      \\n}\\n\\n.v-spinner .v-ring2\\n{\\n\\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\\n            animation: v-ringRightRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    perspective: 800px;  \\n    position: absolute;          \\n    top: 0;\\n    left: 0;\\n}\\n\\n.v-spinner .v-ring3\\n{\\n\\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\\n            animation: v-ringLeftRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    perspective: 800px;            \\n    position: absolute;\\n    top: 0;\\n    left: 0;\\n}\\n\\n@-webkit-keyframes v-ringRightRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@keyframes v-ringRightRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@-webkit-keyframes v-ringLeftRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n    \\n    }\\n}\\n\\n@keyframes v-ringLeftRotate\\n{\\n    0%\\n    {\\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\\n    }\\n    100%\\n    { \\n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\\n    \\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-57112816&file=RingLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RingLoader.vue\n// module id = 70\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-ring v-ring1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-ring v-ring2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-ring v-ring3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'RingLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        border: parseFloat(this.size)/10 + 'px solid' + this.color,\n        opacity: 0.4,\n        borderRadius: this.radius\n      }\n    },\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-ring\n{         \n}\n\n.v-spinner .v-ring1\n{      \n}\n\n.v-spinner .v-ring2\n{\n\n    -webkit-animation: v-ringRightRotate 2s 0s infinite linear;\n            animation: v-ringRightRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    perspective: 800px;  \n    position: absolute;          \n    top: 0;\n    left: 0;\n}\n\n.v-spinner .v-ring3\n{\n\n    -webkit-animation: v-ringLeftRotate 2s 0s infinite linear;\n            animation: v-ringLeftRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    perspective: 800px;            \n    position: absolute;\n    top: 0;\n    left: 0;\n}\n\n@-webkit-keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringRightRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n                transform: rotateX(180deg) rotateY(360deg) rotateZ(360deg);\n    \n    }\n}\n\n@-webkit-keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n\n@keyframes v-ringLeftRotate\n{\n    0%\n    {\n        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n                transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\n    }\n    100%\n    { \n        -webkit-transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n                transform: rotateX(360deg) rotateY(180deg) rotateZ(360deg);\n    \n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// RingLoader.vue?69178ba8","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-ring v-ring1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-ring v-ring2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-ring v-ring3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RingLoader.vue\n// module id = 72\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./BounceLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./BounceLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/BounceLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/BounceLoader.vue\n// module id = 73\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./BounceLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BounceLoader.vue\n// module id = 74\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-bounce\\n{\\n          \\n}\\n\\n.v-spinner .v-bounce1\\n{\\n}\\n\\n.v-spinner .v-bounce2\\n{\\n\\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n}\\n\\n.v-spinner .v-bounce3\\n{\\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n}\\n\\n@-webkit-keyframes v-bounceStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    { \\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    \\n    }\\n}\\n\\n@keyframes v-bounceStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    { \\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    \\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/BounceLoader.vue.style\"],\"names\":[],\"mappings\":\";;AAiEA;;;CAGA;;AAEA;;CAEA;;AAEA;;;IAGA,mEAAA;YACA,2DAAA;IACA,kCAAA;YACA,0BAAA;CACA;;AAEA;;IAEA,mEAAA;YACA,2DAAA;IACA,kCAAA;YACA,0BAAA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;;KAEA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;;KAEA;CACA\",\"file\":\"BounceLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-bounce v-bounce1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-bounce v-bounce2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-bounce v-bounce3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'BounceLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '60px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  data () {\\n    return {\\n      spinnerStyle: {\\n        backgroundColor: this.color,\\n        height: this.size,\\n        width: this.size,\\n        borderRadius: this.radius,\\n        opacity: 0.6,\\n        position: 'absolute',\\n        top: 0,\\n        left: 0\\n      }\\n    }\\n  },\\n  computed: {\\n    spinnerBasicStyle () {\\n      return {\\n        height: this.size,\\n        width: this.size,\\n        position: 'relative'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-bounce\\n{\\n          \\n}\\n\\n.v-spinner .v-bounce1\\n{\\n}\\n\\n.v-spinner .v-bounce2\\n{\\n\\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n}\\n\\n.v-spinner .v-bounce3\\n{\\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\\n    -webkit-animation-fill-mode: both;\\n            animation-fill-mode: both;\\n}\\n\\n@-webkit-keyframes v-bounceStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    { \\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    \\n    }\\n}\\n\\n@keyframes v-bounceStretchDelay\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    { \\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    \\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-575033cd&file=BounceLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/BounceLoader.vue\n// module id = 75\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-bounce v-bounce1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-bounce v-bounce2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-bounce v-bounce3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'BounceLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  data () {\n    return {\n      spinnerStyle: {\n        backgroundColor: this.color,\n        height: this.size,\n        width: this.size,\n        borderRadius: this.radius,\n        opacity: 0.6,\n        position: 'absolute',\n        top: 0,\n        left: 0\n      }\n    }\n  },\n  computed: {\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-bounce\n{\n          \n}\n\n.v-spinner .v-bounce1\n{\n}\n\n.v-spinner .v-bounce2\n{\n\n    -webkit-animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 1s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n.v-spinner .v-bounce3\n{\n    -webkit-animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n            animation: v-bounceStretchDelay 2s 0s infinite ease-in-out;\n    -webkit-animation-fill-mode: both;\n            animation-fill-mode: both;\n}\n\n@-webkit-keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n\n@keyframes v-bounceStretchDelay\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    { \n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    \n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// BounceLoader.vue?efd3ce26","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-bounce v-bounce1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-bounce v-bounce2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-bounce v-bounce3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/BounceLoader.vue\n// module id = 77\n// module chunks = 0","var __vue_script__, __vue_template__\nrequire(\"-!style-loader!css-loader?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\")\n__vue_script__ = require(\"-!babel-loader!../node_modules/vue-loader/lib/selector.js?type=script&index=0!./DotLoader.vue\")\n__vue_template__ = require(\"-!vue-html-loader!../node_modules/vue-loader/lib/selector.js?type=template&index=0!./DotLoader.vue\")\nmodule.exports = __vue_script__ || {}\nif (module.exports.__esModule) module.exports = module.exports.default\nif (__vue_template__) { (typeof module.exports === \"function\" ? module.exports.options : module.exports).template = __vue_template__ }\nif (module.hot) {(function () {  module.hot.accept()\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), true)\n  if (!hotAPI.compatible) return\n  var id = \"/Users/greyby/Workspaces/tmp/javascript/vuejs/vue-spinner/src/DotLoader.vue\"\n  if (!module.hot.data) {\n    hotAPI.createRecord(id, module.exports)\n  } else {\n    hotAPI.update(id, module.exports, __vue_template__)\n  }\n})()}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/DotLoader.vue\n// module id = 78\n// module chunks = 0","// 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?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js?sourceMap!../node_modules/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!../node_modules/vue-loader/lib/selector.js?type=style&index=0!./DotLoader.vue\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader!./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/DotLoader.vue\n// module id = 79\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \"\\n\\n.v-spinner .v-dot\\n{\\n          \\n}\\n\\n.v-spinner .v-dot1\\n{\\n\\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\\n            animation: v-dotRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n}\\n\\n.v-spinner .v-dot2\\n{\\n\\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\\n            animation: v-dotBounce 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: 'absolute';\\n    top: 0;\\n    bottom: auto;\\n}\\n\\n.v-spinner .v-dot3\\n{\\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\\n            animation: v-dotBounce 2s -1s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: 'absolute';\\n    top: auto;\\n    bottom: 0;            \\n}\\n\\n@-webkit-keyframes v-dotRotate\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-dotRotate\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@-webkit-keyframes v-dotBounce\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    }\\n}\\n\\n@keyframes v-dotBounce\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    }\\n}\\n\", \"\", {\"version\":3,\"sources\":[\"/./src/DotLoader.vue.style\"],\"names\":[],\"mappings\":\";;AA2DA;;;CAGA;;AAEA;;;IAGA,qDAAA;YACA,6CAAA;IACA,sCAAA;YACA,8BAAA;CACA;;AAEA;;;IAGA,qDAAA;YACA,6CAAA;IACA,sCAAA;YACA,8BAAA;IACA,qBAAA;IACA,OAAA;IACA,aAAA;CACA;;AAEA;;IAEA,sDAAA;YACA,8CAAA;IACA,sCAAA;YACA,8BAAA;IACA,qBAAA;IACA,UAAA;IACA,UAAA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;QAEA,kCAAA;gBACA,0BAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;CACA;;AAEA;;IAEA;;;QAGA,4BAAA;gBACA,oBAAA;KACA;IACA;;QAEA,8BAAA;gBACA,sBAAA;KACA;CACA\",\"file\":\"DotLoader.vue\",\"sourcesContent\":[\"<template>\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-dot v-dot1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-dot v-dot2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-dot v-dot3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  \\n  name: 'DotLoader',\\n\\n  props: {\\n    loading: {\\n      type: Boolean,\\n      default: true\\n    },\\n    color: { \\n      type: String,\\n      default: '#5dc596'\\n    },\\n    size: {\\n      type: String,\\n      default: '60px'\\n    },\\n    margin: {\\n      type: String,\\n      default: '2px'\\n    },\\n    radius: {\\n      type: String,\\n      default: '100%'\\n    }\\n  },\\n  computed: {\\n    spinnerStyle () {\\n      return {\\n        backgroundColor: this.color,\\n        height: parseFloat(this.size)/2 + 'px',\\n        width: parseFloat(this.size)/2 + 'px',\\n        borderRadius: this.radius\\n      }\\n    },\\n    spinnerBasicStyle () {\\n      return {\\n        height: this.size,\\n        width: this.size,\\n        position: 'relative'\\n      }\\n    }\\n  }\\n\\n}\\n</script>\\n\\n<style>\\n\\n.v-spinner .v-dot\\n{\\n          \\n}\\n\\n.v-spinner .v-dot1\\n{\\n\\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\\n            animation: v-dotRotate 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n}\\n\\n.v-spinner .v-dot2\\n{\\n\\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\\n            animation: v-dotBounce 2s 0s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: 'absolute';\\n    top: 0;\\n    bottom: auto;\\n}\\n\\n.v-spinner .v-dot3\\n{\\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\\n            animation: v-dotBounce 2s -1s infinite linear;\\n    -webkit-animation-fill-mode: forwards;\\n            animation-fill-mode: forwards;\\n    position: 'absolute';\\n    top: auto;\\n    bottom: 0;            \\n}\\n\\n@-webkit-keyframes v-dotRotate\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@keyframes v-dotRotate\\n{\\n    100%\\n    {\\n        -webkit-transform: rotate(360deg);\\n                transform: rotate(360deg);\\n    }\\n}\\n\\n@-webkit-keyframes v-dotBounce\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    }\\n}\\n\\n@keyframes v-dotBounce\\n{\\n    0%,\\n    100%\\n    {\\n        -webkit-transform: scale(0);\\n                transform: scale(0);\\n    }\\n    50%\\n    {\\n        -webkit-transform: scale(1.0);\\n                transform: scale(1.0);\\n    }\\n}\\n</style>\"],\"sourceRoot\":\"webpack://\"}]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=_v-44cd439a&file=DotLoader.vue!./~/vue-loader/lib/selector.js?type=style&index=0!./src/DotLoader.vue\n// module id = 80\n// module chunks = 0","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-dot v-dot1\" v-bind:style=\"spinnerBasicStyle\">\n    <div class=\"v-dot v-dot2\" v-bind:style=\"spinnerStyle\">\n    </div><div class=\"v-dot v-dot3\" v-bind:style=\"spinnerStyle\">\n    </div></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'DotLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n    color: { \n      type: String,\n      default: '#5dc596'\n    },\n    size: {\n      type: String,\n      default: '60px'\n    },\n    margin: {\n      type: String,\n      default: '2px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        backgroundColor: this.color,\n        height: parseFloat(this.size)/2 + 'px',\n        width: parseFloat(this.size)/2 + 'px',\n        borderRadius: this.radius\n      }\n    },\n    spinnerBasicStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        position: 'relative'\n      }\n    }\n  }\n\n}\n</script>\n\n<style>\n\n.v-spinner .v-dot\n{\n          \n}\n\n.v-spinner .v-dot1\n{\n\n    -webkit-animation: v-dotRotate 2s 0s infinite linear;\n            animation: v-dotRotate 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n}\n\n.v-spinner .v-dot2\n{\n\n    -webkit-animation: v-dotBounce 2s 0s infinite linear;\n            animation: v-dotBounce 2s 0s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: 0;\n    bottom: auto;\n}\n\n.v-spinner .v-dot3\n{\n    -webkit-animation: v-dotBounce 2s -1s infinite linear;\n            animation: v-dotBounce 2s -1s infinite linear;\n    -webkit-animation-fill-mode: forwards;\n            animation-fill-mode: forwards;\n    position: 'absolute';\n    top: auto;\n    bottom: 0;            \n}\n\n@-webkit-keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@keyframes v-dotRotate\n{\n    100%\n    {\n        -webkit-transform: rotate(360deg);\n                transform: rotate(360deg);\n    }\n}\n\n@-webkit-keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n\n@keyframes v-dotBounce\n{\n    0%,\n    100%\n    {\n        -webkit-transform: scale(0);\n                transform: scale(0);\n    }\n    50%\n    {\n        -webkit-transform: scale(1.0);\n                transform: scale(1.0);\n    }\n}\n</style>\n\n\n// WEBPACK FOOTER //\n// DotLoader.vue?35d70ae4","module.exports = \"\\n<div class=\\\"v-spinner\\\" v-show=\\\"loading\\\">\\n    <div class=\\\"v-dot v-dot1\\\" v-bind:style=\\\"spinnerBasicStyle\\\">\\n    <div class=\\\"v-dot v-dot2\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div><div class=\\\"v-dot v-dot3\\\" v-bind:style=\\\"spinnerStyle\\\">\\n    </div></div>\\n  </div>\\n\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/DotLoader.vue\n// module id = 82\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dist/vue-spinner.min.js b/dist/vue-spinner.min.js
index beb9a7d..89c1cb0 100644
--- a/dist/vue-spinner.min.js
+++ b/dist/vue-spinner.min.js
@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueSpinner=e():t.VueSpinner=e()}(this,function(){return function(t){function e(n){if(i[n])return i[n].exports;var a=i[n]={exports:{},id:n,loaded:!1};return t[n].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{"default":t}}var a=i(91),r=n(a),o=i(88),s=n(o),l=i(85),d=n(l),p=i(93),f=n(p),c=i(83),u=n(c),v=i(98),m=n(v),y=i(94),b=n(y),h=i(87),g=n(h),x=i(90),S=n(x),k=i(97),w=n(k),D=i(95),Y=n(D),z=i(96),_=n(z),R=i(89),L=n(R),M=i(92),X=n(M),B=i(84),C=n(B),j=i(86),O=n(j),F={PulseLoader:r["default"],GridLoader:s["default"],ClipLoader:d["default"],RiseLoader:f["default"],BeatLoader:u["default"],SyncLoader:m["default"],RotateLoader:b["default"],FadeLoader:g["default"],PacmanLoader:S["default"],SquareLoader:w["default"],ScaleLoader:Y["default"],SkewLoader:_["default"],MoonLoader:L["default"],RingLoader:X["default"],BounceLoader:C["default"],DotLoader:O["default"]};t.exports=F},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var i=this[e];i[2]?t.push("@media "+i[2]+"{"+i[1]+"}"):t.push(i[1])}return t.join("")},t.i=function(e,i){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},a=0;a<this.length;a++){var r=this[a][0];"number"==typeof r&&(n[r]=!0)}for(a=0;a<e.length;a++){var o=e[a];"number"==typeof o[0]&&n[o[0]]||(i&&!o[2]?o[2]=i:i&&(o[2]="("+o[2]+") and ("+i+")"),t.push(o))}},t}},function(t,e,i){function n(t,e){for(var i=0;i<t.length;i++){var n=t[i],a=u[n.id];if(a){a.refs++;for(var r=0;r<a.parts.length;r++)a.parts[r](n.parts[r]);for(;r<n.parts.length;r++)a.parts.push(d(n.parts[r],e))}else{for(var o=[],r=0;r<n.parts.length;r++)o.push(d(n.parts[r],e));u[n.id]={id:n.id,refs:1,parts:o}}}}function a(t){for(var e=[],i={},n=0;n<t.length;n++){var a=t[n],r=a[0],o=a[1],s=a[2],l=a[3],d={css:o,media:s,sourceMap:l};i[r]?i[r].parts.push(d):e.push(i[r]={id:r,parts:[d]})}return e}function r(t,e){var i=y(),n=g[g.length-1];if("top"===t.insertAt)n?n.nextSibling?i.insertBefore(e,n.nextSibling):i.appendChild(e):i.insertBefore(e,i.firstChild),g.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");i.appendChild(e)}}function o(t){t.parentNode.removeChild(t);var e=g.indexOf(t);e>=0&&g.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",r(t,e),e}function l(t){var e=document.createElement("link");return e.rel="stylesheet",r(t,e),e}function d(t,e){var i,n,a;if(e.singleton){var r=h++;i=b||(b=s(e)),n=p.bind(null,i,r,!1),a=p.bind(null,i,r,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=l(e),n=c.bind(null,i),a=function(){o(i),i.href&&URL.revokeObjectURL(i.href)}):(i=s(e),n=f.bind(null,i),a=function(){o(i)});return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else a()}}function p(t,e,i,n){var a=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=x(e,a);else{var r=document.createTextNode(a),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(r,o[e]):t.appendChild(r)}}function f(t,e){var i=e.css,n=e.media;e.sourceMap;if(n&&t.setAttribute("media",n),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}function c(t,e){var i=e.css,n=(e.media,e.sourceMap);n&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var a=new Blob([i],{type:"text/css"}),r=t.href;t.href=URL.createObjectURL(a),r&&URL.revokeObjectURL(r)}var u={},v=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},m=v(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),y=v(function(){return document.head||document.getElementsByTagName("head")[0]}),b=null,h=0,g=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=m()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=a(t);return n(i,e),function(t){for(var r=[],o=0;o<i.length;o++){var s=i[o],l=u[s.id];l.refs--,r.push(l)}if(t){var d=a(t);n(d,e)}for(var o=0;o<r.length;o++){var l=r[o];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete u[l.id]}}}};var x=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}()},,,,,,,,,,,,,,,,,function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"BeatLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"15px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"BounceLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"60px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,borderRadius:this.radius,opacity:.6,position:"absolute",top:0,left:0}}},computed:{spinnerBasicStyle:function(){return{height:this.size,width:this.size,position:"relative"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ClipLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"35px"},radius:{type:String,"default":"100%"}},computed:{spinnerStyle:function(){return{height:this.size,width:this.size,borderWidth:"2px",borderStyle:"solid",borderColor:this.color+" "+this.color+" transparent",borderRadius:this.radius,background:"transparent !important"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"DotLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"60px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},computed:{spinnerStyle:function(){return{backgroundColor:this.color,height:parseFloat(this.size)/2+"px",width:parseFloat(this.size)/2+"px",borderRadius:this.radius}},spinnerBasicStyle:function(){return{height:this.size,width:this.size,position:"relative"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"FadeLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},height:{type:String,"default":"15px"},width:{type:String,"default":"5px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"2px"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.height,width:this.width,margin:this.margin,borderRadius:this.radius},radius:"20px"}},computed:{ngRadius:function(){return"-"+this.radius},quarter:function(){return parseFloat(this.radius)/2+parseFloat(this.radius)/5.5+"px"},ngQuarter:function(){return"-"+this.quarter},animationStyle1:function(){return{top:this.radius,left:0,animationDelay:"0.12s"}},animationStyle2:function(){return{top:this.quarter,left:this.quarter,animationDelay:"0.24s",transform:"rotate(-45deg)"}},animationStyle3:function(){return{top:0,left:this.radius,animationDelay:"0.36s",transform:"rotate(90deg)"}},animationStyle4:function(){return{top:this.ngQuarter,left:this.quarter,animationDelay:"0.48s",transform:"rotate(45deg)"}},animationStyle5:function(){return{top:this.ngRadius,left:0,animationDelay:"0.60s"}},animationStyle6:function(){return{top:this.ngQuarter,left:this.ngQuarter,animationDelay:"0.72s",transform:"rotate(-45deg)"}},animationStyle7:function(){return{top:0,left:this.ngRadius,animationDelay:"0.84s",transform:"rotate(90deg)"}},animationStyle8:function(){return{top:this.quarter,left:this.ngQuarter,animationDelay:"0.96s",transform:"rotate(45deg)"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"GridLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"15px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius}}},computed:{animationStyle:function(){return{animationName:"v-gridStretchDelay",animationIterationCount:"infinite",animationTimingFunction:"ease",animationFillMode:"both",display:"inline-block"}},animationStyle1:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle2:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle3:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle4:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle5:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle6:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle7:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle8:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle9:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},containerStyle:function(){return{width:3*parseFloat(this.size)+6*parseFloat(this.margin)+"px",fontSize:0}}},methods:{random:function(t){return Math.random()*t},delay:function(){return this.random(100)/100-.2+"s"},duration:function(){return this.random(100)/100+.6+"s"}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"MoonLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"60px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{height:this.size,width:this.size,borderRadius:this.radius}}},computed:{moonSize:function(){return parseFloat(this.size)/7},spinnerMoonStyle:function(){return{height:this.moonSize+"px",width:this.moonSize+"px",borderRadius:this.radius}},animationStyle2:function(){return{top:parseFloat(this.size)/2-this.moonSize/2+"px",backgroundColor:this.color}},animationStyle3:function(){return{border:this.moonSize+"px solid "+this.color}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"PacmanLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"25px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerDelay2:{animationDelay:"0.25s"},spinnerDelay3:{animationDelay:"0.50s"},spinnerDelay4:{animationDelay:"0.75s"},spinnerDelay5:{animationDelay:"1s"}}},computed:{spinnerStyle:function(){return{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius}},border1:function(){return this.size+" solid transparent"},border2:function(){return this.size+" solid "+this.color},spinnerStyle1:function(){return{width:0,height:0,borderTop:this.border2,borderRight:this.border1,borderBottom:this.border2,borderLeft:this.border2,borderRadius:this.size}},animationStyle:function(){return{width:"10px",height:"10px",transform:"translate(0, "+-parseFloat(this.size)/4+"px)",position:"absolute",top:"25px",left:"100px",animationName:"v-pacmanStretchDelay",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"linear",animationFillMode:"both"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"PulseLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"15px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"RingLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"60px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},computed:{spinnerStyle:function(){return{height:this.size,width:this.size,border:parseFloat(this.size)/10+"px solid"+this.color,opacity:.4,borderRadius:this.radius}},spinnerBasicStyle:function(){return{height:this.size,width:this.size,position:"relative"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"RiseLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"15px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"RotateLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"15px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"ScaleLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},height:{type:String,"default":"35px"},width:{type:String,"default":"4px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"2px"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.height,width:this.width,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-scaleStretchDelay",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.1s"},spinnerDelay2:{animationDelay:"0.2s"},spinnerDelay3:{animationDelay:"0.3s"},spinnerDelay4:{animationDelay:"0.4s"},spinnerDelay5:{animationDelay:"0.5s"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"SkewLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"20px"}},data:function(){return{spinnerStyle:{height:0,width:0,borderLeft:this.size+" solid transparent",borderRight:this.size+" solid transparent",borderBottom:this.size+" solid "+this.color}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"SquareLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"50px"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e["default"]={name:"SyncLoader",props:{loading:{type:Boolean,"default":!0},color:{type:String,"default":"#5dc596"},size:{type:String,"default":"15px"},margin:{type:String,"default":"2px"},radius:{type:String,"default":"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-syncStretchDelay",animationDuration:"0.6s",animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.07s"},spinnerDelay2:{animationDelay:"0.14s"},spinnerDelay3:{animationDelay:"0.21s"}}}}},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,"@-webkit-keyframes v-syncStretchDelay{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes v-syncStretchDelay{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-fade{-webkit-animation:v-fadeStretchDelay 1.2s infinite ease-in-out;animation:v-fadeStretchDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}@-webkit-keyframes v-fadeStretchDelay{50%{-webkit-opacity:.3;opacity:.3}to{-webkit-opacity:1;opacity:1}}@keyframes v-fadeStretchDelay{50%{-webkit-opacity:.3;opacity:.3}to{-webkit-opacity:1;opacity:1}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-clip{-webkit-animation:v-clipDelay .75s 0s infinite linear;animation:v-clipDelay .75s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes v-clipDelay{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes v-clipDelay{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-beat{-webkit-animation:v-beatStretchDelay .7s infinite linear;animation:v-beatStretchDelay .7s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.v-spinner .v-beat-odd{-webkit-animation-delay:0s;animation-delay:0s}.v-spinner .v-beat-even{-webkit-animation-delay:.35s;animation-delay:.35s}@-webkit-keyframes v-beatStretchDelay{50%{-webkit-transform:scale(.75);transform:scale(.75);-webkit-opacity:.2;opacity:.2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}@keyframes v-beatStretchDelay{50%{-webkit-transform:scale(.75);transform:scale(.75);-webkit-opacity:.2;opacity:.2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-skew{-webkit-animation:v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);animation:v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes v-skewDelay{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}to{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes v-skewDelay{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}to{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,"@-webkit-keyframes v-gridStretchDelay{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-opacity:.7;opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}@keyframes v-gridStretchDelay{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-opacity:.7;opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-rotate1{-webkit-animation:v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);animation:v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;position:relative}.v-spinner .v-rotate2{opacity:.8;position:absolute;top:0;left:-28px}.v-spinner .v-rotate3{opacity:.8;position:absolute;top:0;left:25px}@-webkit-keyframes v-rotateStretchDelay{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes v-rotateStretchDelay{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{-webkit-animation:v-moonStretchDelay .6s 0s infinite linear;animation:v-moonStretchDelay .6s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@-webkit-keyframes v-moonStretchDelay{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes v-moonStretchDelay{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,"@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-square{-webkit-animation:v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);animation:v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-perspective:100px;perspective:100px;display:inline-block}@-webkit-keyframes v-squareDelay{25%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}50%{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}to{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}@keyframes v-squareDelay{25%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}50%{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}to{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-bounce2{-webkit-animation:v-bounceStretchDelay 2s 1s infinite ease-in-out;animation:v-bounceStretchDelay 2s 1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.v-spinner .v-bounce3{-webkit-animation:v-bounceStretchDelay 2s 0s infinite ease-in-out;animation:v-bounceStretchDelay 2s 0s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes v-bounceStretchDelay{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes v-bounceStretchDelay{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-dot1{-webkit-animation:v-dotRotate 2s 0s infinite linear;animation:v-dotRotate 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.v-spinner .v-dot2{-webkit-animation:v-dotBounce 2s 0s infinite linear;animation:v-dotBounce 2s 0s infinite linear;animation-fill-mode:forwards;top:0;bottom:auto}.v-spinner .v-dot2,.v-spinner .v-dot3{-webkit-animation-fill-mode:forwards;position:'absolute'}.v-spinner .v-dot3{-webkit-animation:v-dotBounce 2s -1s infinite linear;animation:v-dotBounce 2s -1s infinite linear;animation-fill-mode:forwards;top:auto;bottom:0}@-webkit-keyframes v-dotRotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes v-dotRotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes v-dotBounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes v-dotBounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-ring2{-webkit-animation:v-ringRightRotate 2s 0s infinite linear;animation:v-ringRightRotate 2s 0s infinite linear;animation-fill-mode:forwards}.v-spinner .v-ring2,.v-spinner .v-ring3{-webkit-animation-fill-mode:forwards;-webkit-perspective:800px;perspective:800px;position:absolute;top:0;left:0}.v-spinner .v-ring3{-webkit-animation:v-ringLeftRotate 2s 0s infinite linear;animation:v-ringLeftRotate 2s 0s infinite linear;animation-fill-mode:forwards}@-webkit-keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(180deg) rotateY(1turn) rotate(1turn);transform:rotateX(180deg) rotateY(1turn) rotate(1turn)}}@keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(180deg) rotateY(1turn) rotate(1turn);transform:rotateX(180deg) rotateY(1turn) rotate(1turn)}}@-webkit-keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(180deg) rotate(1turn);transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}@keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(180deg) rotate(1turn);transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}@-webkit-keyframes v-scaleStretchDelay{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}@keyframes v-scaleStretchDelay{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-rise-odd{-webkit-animation:v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);animation:v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);animation-fill-mode:both}.v-spinner .v-rise-even,.v-spinner .v-rise-odd{-webkit-animation-fill-mode:both;display:inline-block}.v-spinner .v-rise-even{-webkit-animation:v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);animation:v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);animation-fill-mode:both}@-webkit-keyframes v-riseOddDelay{25{-webkit-transform:translateY(30px);transform:translateY(30px)}0%{-webkit-transform:scale(.4);transform:scale(.4)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}}@keyframes v-riseOddDelay{25{-webkit-transform:translateY(30px);transform:translateY(30px)}0%{-webkit-transform:scale(.4);transform:scale(.4)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}}@-webkit-keyframes v-riseEvenDelay{25{-webkit-transform:translateY(-30px);transform:translateY(-30px)}0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes v-riseEvenDelay{25{-webkit-transform:translateY(-30px);transform:translateY(-30px)}0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}@-webkit-keyframes v-pacmanStretchDelay{75%{-webkit-opacity:.7;opacity:.7}to{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}@keyframes v-pacmanStretchDelay{75%{-webkit-opacity:.7;opacity:.7}to{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}",""])},function(t,e,i){var n=i(35);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(36);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(37);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(38);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(39);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(40);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(41);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(42);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(43);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(44);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(45);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(46);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(47);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(48);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){
-var n=i(49);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(50);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-beat v-beat-odd" v-bind:style=spinnerStyle></div><div class="v-beat v-beat-even" v-bind:style=spinnerStyle></div><div class="v-beat v-beat-odd" v-bind:style=spinnerStyle></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-bounce v-bounce1" v-bind:style=spinnerBasicStyle><div class="v-bounce v-bounce2" v-bind:style=spinnerStyle></div><div class="v-bounce v-bounce3" v-bind:style=spinnerStyle></div></div></div>'},function(t,e){t.exports="<div class=v-spinner v-show=loading><div class=v-clip v-bind:style=spinnerStyle></div></div>"},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-dot v-dot1" v-bind:style=spinnerBasicStyle><div class="v-dot v-dot2" v-bind:style=spinnerStyle></div><div class="v-dot v-dot3" v-bind:style=spinnerStyle></div></div></div>'},function(t,e){t.exports='<div class=v-spinner v-bind:style="{position: \'relative\', fontSize: 0}" v-show=loading><div class="v-fade v-fade1" v-bind:style=[spinnerStyle,animationStyle1]></div><div class="v-fade v-fade2" v-bind:style=[spinnerStyle,animationStyle2]></div><div class="v-fade v-fade3" v-bind:style=[spinnerStyle,animationStyle3]></div><div class="v-fade v-fade4" v-bind:style=[spinnerStyle,animationStyle4]></div><div class="v-fade v-fade5" v-bind:style=[spinnerStyle,animationStyle5]></div><div class="v-fade v-fade6" v-bind:style=[spinnerStyle,animationStyle6]></div><div class="v-fade v-fade7" v-bind:style=[spinnerStyle,animationStyle7]></div><div class="v-fade v-fade8" v-bind:style=[spinnerStyle,animationStyle8]></div></div>'},function(t,e){t.exports='<div class=v-spinner v-bind:style=containerStyle v-show=loading><div class="v-grid v-grid1" v-bind:style=[spinnerStyle,animationStyle,animationStyle1]></div><div class="v-grid v-grid2" v-bind:style=[spinnerStyle,animationStyle,animationStyle2]></div><div class="v-grid v-grid3" v-bind:style=[spinnerStyle,animationStyle,animationStyle3]></div><div class="v-grid v-grid4" v-bind:style=[spinnerStyle,animationStyle,animationStyle4]></div><div class="v-grid v-grid5" v-bind:style=[spinnerStyle,animationStyle,animationStyle5]></div><div class="v-grid v-grid6" v-bind:style=[spinnerStyle,animationStyle,animationStyle6]></div><div class="v-grid v-grid7" v-bind:style=[spinnerStyle,animationStyle,animationStyle7]></div><div class="v-grid v-grid8" v-bind:style=[spinnerStyle,animationStyle,animationStyle8]></div><div class="v-grid v-grid9" v-bind:style=[spinnerStyle,animationStyle,animationStyle9]></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-moon v-moon1" v-bind:style=spinnerStyle><div class="v-moon v-moon2" v-bind:style=[spinnerMoonStyle,animationStyle2]></div><div class="v-moon v-moon3" v-bind:style=[spinnerStyle,animationStyle3]></div></div></div>'},function(t,e){t.exports='<div class=v-spinner v-bind:style="{position: \'relative\', fontSize: 0}" v-show=loading><div class="v-pacman v-pacman1" v-bind:style=spinnerStyle1></div><div class="v-pacman v-pacman2" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay2]></div><div class="v-pacman v-pacman3" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay3]></div><div class="v-pacman v-pacman4" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay4]></div><div class="v-pacman v-pacman5" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay5]></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-pulse v-pulse1" v-bind:style=[spinnerStyle,spinnerDelay1]></div><div class="v-pulse v-pulse2" v-bind:style=[spinnerStyle,spinnerDelay2]></div><div class="v-pulse v-pulse3" v-bind:style=[spinnerStyle,spinnerDelay3]></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-ring v-ring1" v-bind:style=spinnerBasicStyle><div class="v-ring v-ring2" v-bind:style=spinnerStyle></div><div class="v-ring v-ring3" v-bind:style=spinnerStyle></div></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-rise v-rise-odd" v-bind:style=spinnerStyle></div><div class="v-rise v-rise-even" v-bind:style=spinnerStyle></div><div class="v-rise v-rise-odd" v-bind:style=spinnerStyle></div><div class="v-rise v-rise-even" v-bind:style=spinnerStyle></div><div class="v-rise v-rise-odd" v-bind:style=spinnerStyle></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-rotate v-rotate1" v-bind:style=spinnerStyle><div class="v-rotate v-rotate2" v-bind:style=spinnerStyle></div><div class="v-rotate v-rotate3" v-bind:style=spinnerStyle></div></div></div>'},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-scale v-scale1" v-bind:style=[spinnerStyle,spinnerDelay1]></div><div class="v-scale v-scale2" v-bind:style=[spinnerStyle,spinnerDelay2]></div><div class="v-scale v-scale3" v-bind:style=[spinnerStyle,spinnerDelay3]></div><div class="v-scale v-scale4" v-bind:style=[spinnerStyle,spinnerDelay4]></div><div class="v-scale v-scale5" v-bind:style=[spinnerStyle,spinnerDelay5]></div></div>'},function(t,e){t.exports="<div class=v-spinner v-show=loading><div class=v-skew v-bind:style=spinnerStyle></div></div>"},function(t,e){t.exports="<div class=v-spinner v-show=loading><div class=v-square v-bind:style=spinnerStyle></div></div>"},function(t,e){t.exports='<div class=v-spinner v-show=loading><div class="v-sync v-sync1" v-bind:style=[spinnerStyle,spinnerDelay1]></div><div class="v-sync v-sync2" v-bind:style=[spinnerStyle,spinnerDelay2]></div><div class="v-sync v-sync3" v-bind:style=[spinnerStyle,spinnerDelay3]></div></div>'},function(t,e,i){var n,a;i(54),n=i(19),a=i(67),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(61),n=i(20),a=i(68),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(53),n=i(21),a=i(69),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(62),n=i(22),a=i(70),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(52),n=i(23),a=i(71),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(56),n=i(24),a=i(72),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(58),n=i(25),a=i(73),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(66),n=i(26),a=i(74),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(59),n=i(27),a=i(75),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(63),n=i(28),a=i(76),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(65),n=i(29),a=i(77),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(57),n=i(30),a=i(78),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(64),n=i(31),a=i(79),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(55),n=i(32),a=i(80),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(60),n=i(33),a=i(81),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(51),n=i(34),a=i(82),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports["default"]),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)}])});
\ No newline at end of file
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueSpinner=e():t.VueSpinner=e()}(this,function(){return function(t){function e(n){if(i[n])return i[n].exports;var a=i[n]={exports:{},id:n,loaded:!1};return t[n].call(a.exports,a,a.exports,e),a.loaded=!0,a.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}var a=i(75),r=n(a),o=i(72),s=n(o),l=i(69),d=n(l),p=i(77),f=n(p),c=i(67),u=n(c),v=i(82),m=n(v),y=i(78),b=n(y),h=i(71),g=n(h),x=i(74),S=n(x),k=i(81),w=n(k),D=i(79),Y=n(D),z=i(80),_=n(z),R=i(73),L=n(R),M=i(76),X=n(M),B=i(68),C=n(B),j=i(70),O=n(j),F={PulseLoader:r.default,GridLoader:s.default,ClipLoader:d.default,RiseLoader:f.default,BeatLoader:u.default,SyncLoader:m.default,RotateLoader:b.default,FadeLoader:g.default,PacmanLoader:S.default,SquareLoader:w.default,ScaleLoader:Y.default,SkewLoader:_.default,MoonLoader:L.default,RingLoader:X.default,BounceLoader:C.default,DotLoader:O.default};t.exports=F},function(t,e){t.exports=function(){var t=[];return t.toString=function(){for(var t=[],e=0;e<this.length;e++){var i=this[e];i[2]?t.push("@media "+i[2]+"{"+i[1]+"}"):t.push(i[1])}return t.join("")},t.i=function(e,i){"string"==typeof e&&(e=[[null,e,""]]);for(var n={},a=0;a<this.length;a++){var r=this[a][0];"number"==typeof r&&(n[r]=!0)}for(a=0;a<e.length;a++){var o=e[a];"number"==typeof o[0]&&n[o[0]]||(i&&!o[2]?o[2]=i:i&&(o[2]="("+o[2]+") and ("+i+")"),t.push(o))}},t}},function(t,e,i){function n(t,e){for(var i=0;i<t.length;i++){var n=t[i],a=u[n.id];if(a){a.refs++;for(var r=0;r<a.parts.length;r++)a.parts[r](n.parts[r]);for(;r<n.parts.length;r++)a.parts.push(d(n.parts[r],e))}else{for(var o=[],r=0;r<n.parts.length;r++)o.push(d(n.parts[r],e));u[n.id]={id:n.id,refs:1,parts:o}}}}function a(t){for(var e=[],i={},n=0;n<t.length;n++){var a=t[n],r=a[0],o=a[1],s=a[2],l=a[3],d={css:o,media:s,sourceMap:l};i[r]?i[r].parts.push(d):e.push(i[r]={id:r,parts:[d]})}return e}function r(t,e){var i=y(),n=g[g.length-1];if("top"===t.insertAt)n?n.nextSibling?i.insertBefore(e,n.nextSibling):i.appendChild(e):i.insertBefore(e,i.firstChild),g.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");i.appendChild(e)}}function o(t){t.parentNode.removeChild(t);var e=g.indexOf(t);e>=0&&g.splice(e,1)}function s(t){var e=document.createElement("style");return e.type="text/css",r(t,e),e}function l(t){var e=document.createElement("link");return e.rel="stylesheet",r(t,e),e}function d(t,e){var i,n,a;if(e.singleton){var r=h++;i=b||(b=s(e)),n=p.bind(null,i,r,!1),a=p.bind(null,i,r,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(i=l(e),n=c.bind(null,i),a=function(){o(i),i.href&&URL.revokeObjectURL(i.href)}):(i=s(e),n=f.bind(null,i),a=function(){o(i)});return n(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;n(t=e)}else a()}}function p(t,e,i,n){var a=i?"":n.css;if(t.styleSheet)t.styleSheet.cssText=x(e,a);else{var r=document.createTextNode(a),o=t.childNodes;o[e]&&t.removeChild(o[e]),o.length?t.insertBefore(r,o[e]):t.appendChild(r)}}function f(t,e){var i=e.css,n=e.media;if(n&&t.setAttribute("media",n),t.styleSheet)t.styleSheet.cssText=i;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(i))}}function c(t,e){var i=e.css,n=e.sourceMap;n&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */");var a=new Blob([i],{type:"text/css"}),r=t.href;t.href=URL.createObjectURL(a),r&&URL.revokeObjectURL(r)}var u={},v=function(t){var e;return function(){return"undefined"==typeof e&&(e=t.apply(this,arguments)),e}},m=v(function(){return/msie [6-9]\b/.test(self.navigator.userAgent.toLowerCase())}),y=v(function(){return document.head||document.getElementsByTagName("head")[0]}),b=null,h=0,g=[];t.exports=function(t,e){e=e||{},"undefined"==typeof e.singleton&&(e.singleton=m()),"undefined"==typeof e.insertAt&&(e.insertAt="bottom");var i=a(t);return n(i,e),function(t){for(var r=[],o=0;o<i.length;o++){var s=i[o],l=u[s.id];l.refs--,r.push(l)}if(t){var d=a(t);n(d,e)}for(var o=0;o<r.length;o++){var l=r[o];if(0===l.refs){for(var p=0;p<l.parts.length;p++)l.parts[p]();delete u[l.id]}}}};var x=function(){var t=[];return function(e,i){return t[e]=i,t.filter(Boolean).join("\n")}}()},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"BeatLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"15px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"BounceLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"60px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,borderRadius:this.radius,opacity:.6,position:"absolute",top:0,left:0}}},computed:{spinnerBasicStyle:function(){return{height:this.size,width:this.size,position:"relative"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"ClipLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"35px"},radius:{type:String,default:"100%"}},computed:{spinnerStyle:function(){return{height:this.size,width:this.size,borderWidth:"2px",borderStyle:"solid",borderColor:this.color+" "+this.color+" transparent",borderRadius:this.radius,background:"transparent"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"DotLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"60px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},computed:{spinnerStyle:function(){return{backgroundColor:this.color,height:parseFloat(this.size)/2+"px",width:parseFloat(this.size)/2+"px",borderRadius:this.radius}},spinnerBasicStyle:function(){return{height:this.size,width:this.size,position:"relative"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"FadeLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},height:{type:String,default:"15px"},width:{type:String,default:"5px"},margin:{type:String,default:"2px"},radius:{type:String,default:"20px"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.height,width:this.width,margin:this.margin,borderRadius:this.radius}}},computed:{ngRadius:function(){return"-"+this.radius},quarter:function(){return parseFloat(this.radius)/2+parseFloat(this.radius)/5.5+"px"},ngQuarter:function(){return"-"+this.quarter},animationStyle1:function(){return{top:this.radius,left:0,animationDelay:"0.12s"}},animationStyle2:function(){return{top:this.quarter,left:this.quarter,animationDelay:"0.24s",transform:"rotate(-45deg)"}},animationStyle3:function(){return{top:0,left:this.radius,animationDelay:"0.36s",transform:"rotate(90deg)"}},animationStyle4:function(){return{top:this.ngQuarter,left:this.quarter,animationDelay:"0.48s",transform:"rotate(45deg)"}},animationStyle5:function(){return{top:this.ngRadius,left:0,animationDelay:"0.60s"}},animationStyle6:function(){return{top:this.ngQuarter,left:this.ngQuarter,animationDelay:"0.72s",transform:"rotate(-45deg)"}},animationStyle7:function(){return{top:0,left:this.ngRadius,animationDelay:"0.84s",transform:"rotate(90deg)"}},animationStyle8:function(){return{top:this.quarter,left:this.ngQuarter,animationDelay:"0.96s",transform:"rotate(45deg)"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"GridLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"15px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius}}},computed:{animationStyle:function(){return{animationName:"v-gridStretchDelay",animationIterationCount:"infinite",animationTimingFunction:"ease",animationFillMode:"both",display:"inline-block"}},animationStyle1:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle2:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle3:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle4:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle5:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle6:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle7:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle8:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},animationStyle9:function(){return{animationDelay:this.delay(),animationDuration:this.duration()}},containerStyle:function(){return{width:3*parseFloat(this.size)+6*parseFloat(this.margin)+"px",fontSize:0}}},methods:{random:function(t){return Math.random()*t},delay:function(){return this.random(100)/100-.2+"s"},duration:function(){return this.random(100)/100+.6+"s"}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"MoonLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"60px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{height:this.size,width:this.size,borderRadius:this.radius}}},computed:{moonSize:function(){return parseFloat(this.size)/7},spinnerMoonStyle:function(){return{height:this.moonSize+"px",width:this.moonSize+"px",borderRadius:this.radius}},animationStyle2:function(){return{top:parseFloat(this.size)/2-this.moonSize/2+"px",backgroundColor:this.color}},animationStyle3:function(){return{border:this.moonSize+"px solid "+this.color}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"PacmanLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"25px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerDelay2:{animationDelay:"0.25s"},spinnerDelay3:{animationDelay:"0.50s"},spinnerDelay4:{animationDelay:"0.75s"},spinnerDelay5:{animationDelay:"1s"}}},computed:{spinnerStyle:function(){return{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius}},border1:function(){return this.size+" solid transparent"},border2:function(){return this.size+" solid "+this.color},spinnerStyle1:function(){return{width:0,height:0,borderTop:this.border2,borderRight:this.border1,borderBottom:this.border2,borderLeft:this.border2,borderRadius:this.size}},animationStyle:function(){return{width:"10px",height:"10px",transform:"translate(0, "+-parseFloat(this.size)/4+"px)",position:"absolute",top:"25px",left:"100px",animationName:"v-pacmanStretchDelay",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"linear",animationFillMode:"both"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"PulseLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"15px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"RingLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"60px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},computed:{spinnerStyle:function(){return{height:this.size,width:this.size,border:parseFloat(this.size)/10+"px solid"+this.color,opacity:.4,borderRadius:this.radius}},spinnerBasicStyle:function(){return{height:this.size,width:this.size,position:"relative"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"RiseLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"15px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"RotateLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"15px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"ScaleLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},height:{type:String,default:"35px"},width:{type:String,default:"4px"},margin:{type:String,default:"2px"},radius:{type:String,default:"2px"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.height,width:this.width,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-scaleStretchDelay",animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.1s"},spinnerDelay2:{animationDelay:"0.2s"},spinnerDelay3:{animationDelay:"0.3s"},spinnerDelay4:{animationDelay:"0.4s"},spinnerDelay5:{animationDelay:"0.5s"}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"SkewLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"20px"}},data:function(){return{spinnerStyle:{height:0,width:0,borderLeft:this.size+" solid transparent",borderRight:this.size+" solid transparent",borderBottom:this.size+" solid "+this.color}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"SquareLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"50px"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size}}}}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={name:"SyncLoader",props:{loading:{type:Boolean,default:!0},color:{type:String,default:"#5dc596"},size:{type:String,default:"15px"},margin:{type:String,default:"2px"},radius:{type:String,default:"100%"}},data:function(){return{spinnerStyle:{backgroundColor:this.color,height:this.size,width:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-syncStretchDelay",animationDuration:"0.6s",animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.07s"},spinnerDelay2:{animationDelay:"0.14s"},spinnerDelay3:{animationDelay:"0.21s"}}}}},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-rotate1{-webkit-animation:v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);animation:v-rotateStretchDelay 1s 0s infinite cubic-bezier(.7,-.13,.22,.86);-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;position:relative}.v-spinner .v-rotate2{opacity:.8;position:absolute;top:0;left:-28px}.v-spinner .v-rotate3{opacity:.8;position:absolute;top:0;left:25px}@-webkit-keyframes v-rotateStretchDelay{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes v-rotateStretchDelay{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-moon1{position:relative}.v-spinner .v-moon1,.v-spinner .v-moon2{-webkit-animation:v-moonStretchDelay .6s 0s infinite linear;animation:v-moonStretchDelay .6s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.v-spinner .v-moon2{opacity:.8;position:absolute}.v-spinner .v-moon3{opacity:.1}@-webkit-keyframes v-moonStretchDelay{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes v-moonStretchDelay{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}@-webkit-keyframes v-pacmanStretchDelay{75%{-webkit-opacity:.7;opacity:.7}to{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}@keyframes v-pacmanStretchDelay{75%{-webkit-opacity:.7;opacity:.7}to{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-beat{-webkit-animation:v-beatStretchDelay .7s infinite linear;animation:v-beatStretchDelay .7s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.v-spinner .v-beat-odd{-webkit-animation-delay:0s;animation-delay:0s}.v-spinner .v-beat-even{-webkit-animation-delay:.35s;animation-delay:.35s}@-webkit-keyframes v-beatStretchDelay{50%{-webkit-transform:scale(.75);transform:scale(.75);-webkit-opacity:.2;opacity:.2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}@keyframes v-beatStretchDelay{50%{-webkit-transform:scale(.75);transform:scale(.75);-webkit-opacity:.2;opacity:.2}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,'.v-spinner .v-dot1{-webkit-animation:v-dotRotate 2s 0s infinite linear;animation:v-dotRotate 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.v-spinner .v-dot2{-webkit-animation:v-dotBounce 2s 0s infinite linear;animation:v-dotBounce 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:"absolute";top:0;bottom:auto}.v-spinner .v-dot3{-webkit-animation:v-dotBounce 2s -1s infinite linear;animation:v-dotBounce 2s -1s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:"absolute";top:auto;bottom:0}@-webkit-keyframes v-dotRotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes v-dotRotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes v-dotBounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes v-dotBounce{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}',""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,"@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,"@-webkit-keyframes v-syncStretchDelay{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes v-syncStretchDelay{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-fade{-webkit-animation:v-fadeStretchDelay 1.2s infinite ease-in-out;animation:v-fadeStretchDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}@-webkit-keyframes v-fadeStretchDelay{50%{-webkit-opacity:.3;opacity:.3}to{-webkit-opacity:1;opacity:1}}@keyframes v-fadeStretchDelay{50%{-webkit-opacity:.3;opacity:.3}to{-webkit-opacity:1;opacity:1}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-ring2{-webkit-animation:v-ringRightRotate 2s 0s infinite linear;animation:v-ringRightRotate 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.v-spinner .v-ring2,.v-spinner .v-ring3{-webkit-perspective:800px;perspective:800px;position:absolute;top:0;left:0}.v-spinner .v-ring3{-webkit-animation:v-ringLeftRotate 2s 0s infinite linear;animation:v-ringLeftRotate 2s 0s infinite linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(180deg) rotateY(1turn) rotate(1turn);transform:rotateX(180deg) rotateY(1turn) rotate(1turn)}}@keyframes v-ringRightRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(180deg) rotateY(1turn) rotate(1turn);transform:rotateX(180deg) rotateY(1turn) rotate(1turn)}}@-webkit-keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(180deg) rotate(1turn);transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}@keyframes v-ringLeftRotate{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}to{-webkit-transform:rotateX(1turn) rotateY(180deg) rotate(1turn);transform:rotateX(1turn) rotateY(180deg) rotate(1turn)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner .v-bounce2{-webkit-animation:v-bounceStretchDelay 2s 1s infinite ease-in-out;animation:v-bounceStretchDelay 2s 1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.v-spinner .v-bounce3{-webkit-animation:v-bounceStretchDelay 2s 0s infinite ease-in-out;animation:v-bounceStretchDelay 2s 0s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes v-bounceStretchDelay{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes v-bounceStretchDelay{0%,to{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-square{-webkit-animation:v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);animation:v-squareDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-perspective:100px;perspective:100px;display:inline-block}@-webkit-keyframes v-squareDelay{25%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}50%{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}to{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}@keyframes v-squareDelay{25%{-webkit-transform:rotateX(180deg) rotateY(0);transform:rotateX(180deg) rotateY(0)}50%{-webkit-transform:rotateX(180deg) rotateY(180deg);transform:rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:rotateX(0) rotateY(180deg);transform:rotateX(0) rotateY(180deg)}to{-webkit-transform:rotateX(0) rotateY(0);transform:rotateX(0) rotateY(0)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-rise-odd{-webkit-animation:v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);animation:v-riseOddDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}.v-spinner .v-rise-even{-webkit-animation:v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);animation:v-riseEvenDelay 1s 0s infinite cubic-bezier(.15,.46,.9,.6);-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes v-riseOddDelay{25{-webkit-transform:translateY(30px);transform:translateY(30px)}0%{-webkit-transform:scale(.4);transform:scale(.4)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}}@keyframes v-riseOddDelay{25{-webkit-transform:translateY(30px);transform:translateY(30px)}0%{-webkit-transform:scale(.4);transform:scale(.4)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{-webkit-transform:translateY(0) scale(.75);transform:translateY(0) scale(.75)}}@-webkit-keyframes v-riseEvenDelay{25{-webkit-transform:translateY(-30px);transform:translateY(-30px)}0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes v-riseEvenDelay{25{-webkit-transform:translateY(-30px);transform:translateY(-30px)}0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.4);transform:scale(.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-clip{-webkit-animation:v-clipDelay .75s 0s infinite linear;animation:v-clipDelay .75s 0s infinite linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes v-clipDelay{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes v-clipDelay{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(.8);transform:rotate(180deg) scale(.8)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,"@-webkit-keyframes v-gridStretchDelay{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-opacity:.7;opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}@keyframes v-gridStretchDelay{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.5);transform:scale(.5);-webkit-opacity:.7;opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}.v-spinner .v-skew{-webkit-animation:v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);animation:v-skewDelay 3s 0s infinite cubic-bezier(.09,.57,.49,.9);-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes v-skewDelay{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}to{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes v-skewDelay{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}to{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}",""])},function(t,e,i){e=t.exports=i(1)(),e.push([t.id,".v-spinner{text-align:center}@-webkit-keyframes v-scaleStretchDelay{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}@keyframes v-scaleStretchDelay{0%,to{-webkit-transform:scaleY(1);transform:scaleY(1)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}",""])},function(t,e,i){var n=i(19);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(20);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(21);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(22);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(23);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(24);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(25);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(26);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(27);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(28);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(29);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(30);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(31);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(32);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(33);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e,i){var n=i(34);"string"==typeof n&&(n=[[t.id,n,""]]);i(2)(n,{});n.locals&&(t.exports=n.locals)},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-beat v-beat-odd" v-bind:style=spinnerStyle> </div><div class="v-beat v-beat-even" v-bind:style=spinnerStyle> </div><div class="v-beat v-beat-odd" v-bind:style=spinnerStyle> </div> </div> ';
+},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-bounce v-bounce1" v-bind:style=spinnerBasicStyle> <div class="v-bounce v-bounce2" v-bind:style=spinnerStyle> </div><div class="v-bounce v-bounce3" v-bind:style=spinnerStyle> </div></div> </div> '},function(t,e){t.exports=" <div class=v-spinner v-show=loading> <div class=v-clip v-bind:style=spinnerStyle> </div> </div> "},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-dot v-dot1" v-bind:style=spinnerBasicStyle> <div class="v-dot v-dot2" v-bind:style=spinnerStyle> </div><div class="v-dot v-dot3" v-bind:style=spinnerStyle> </div></div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-bind:style="{position: \'relative\', fontSize: 0}" v-show=loading> <div class="v-fade v-fade1" v-bind:style=[spinnerStyle,animationStyle1]> </div><div class="v-fade v-fade2" v-bind:style=[spinnerStyle,animationStyle2]> </div><div class="v-fade v-fade3" v-bind:style=[spinnerStyle,animationStyle3]> </div><div class="v-fade v-fade4" v-bind:style=[spinnerStyle,animationStyle4]> </div><div class="v-fade v-fade5" v-bind:style=[spinnerStyle,animationStyle5]> </div><div class="v-fade v-fade6" v-bind:style=[spinnerStyle,animationStyle6]> </div><div class="v-fade v-fade7" v-bind:style=[spinnerStyle,animationStyle7]> </div><div class="v-fade v-fade8" v-bind:style=[spinnerStyle,animationStyle8]> </div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-bind:style=containerStyle v-show=loading> <div class="v-grid v-grid1" v-bind:style=[spinnerStyle,animationStyle,animationStyle1]> </div><div class="v-grid v-grid2" v-bind:style=[spinnerStyle,animationStyle,animationStyle2]> </div><div class="v-grid v-grid3" v-bind:style=[spinnerStyle,animationStyle,animationStyle3]> </div><div class="v-grid v-grid4" v-bind:style=[spinnerStyle,animationStyle,animationStyle4]> </div><div class="v-grid v-grid5" v-bind:style=[spinnerStyle,animationStyle,animationStyle5]> </div><div class="v-grid v-grid6" v-bind:style=[spinnerStyle,animationStyle,animationStyle6]> </div><div class="v-grid v-grid7" v-bind:style=[spinnerStyle,animationStyle,animationStyle7]> </div><div class="v-grid v-grid8" v-bind:style=[spinnerStyle,animationStyle,animationStyle8]> </div><div class="v-grid v-grid9" v-bind:style=[spinnerStyle,animationStyle,animationStyle9]> </div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-moon v-moon1" v-bind:style=spinnerStyle> <div class="v-moon v-moon2" v-bind:style=[spinnerMoonStyle,animationStyle2]> </div><div class="v-moon v-moon3" v-bind:style=[spinnerStyle,animationStyle3]> </div></div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-bind:style="{position: \'relative\', fontSize: 0}" v-show=loading> <div class="v-pacman v-pacman1" v-bind:style=spinnerStyle1> </div><div class="v-pacman v-pacman2" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay2]> </div><div class="v-pacman v-pacman3" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay3]> </div><div class="v-pacman v-pacman4" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay4]> </div><div class="v-pacman v-pacman5" v-bind:style=[spinnerStyle,animationStyle,spinnerDelay5]> </div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-pulse v-pulse1" v-bind:style=[spinnerStyle,spinnerDelay1]> </div><div class="v-pulse v-pulse2" v-bind:style=[spinnerStyle,spinnerDelay2]> </div><div class="v-pulse v-pulse3" v-bind:style=[spinnerStyle,spinnerDelay3]> </div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-ring v-ring1" v-bind:style=spinnerBasicStyle> <div class="v-ring v-ring2" v-bind:style=spinnerStyle> </div><div class="v-ring v-ring3" v-bind:style=spinnerStyle> </div></div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-rise v-rise-odd" v-bind:style=spinnerStyle> </div><div class="v-rise v-rise-even" v-bind:style=spinnerStyle> </div><div class="v-rise v-rise-odd" v-bind:style=spinnerStyle> </div><div class="v-rise v-rise-even" v-bind:style=spinnerStyle> </div><div class="v-rise v-rise-odd" v-bind:style=spinnerStyle> </div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-rotate v-rotate1" v-bind:style=spinnerStyle> <div class="v-rotate v-rotate2" v-bind:style=spinnerStyle> </div><div class="v-rotate v-rotate3" v-bind:style=spinnerStyle> </div></div> </div> '},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-scale v-scale1" v-bind:style=[spinnerStyle,spinnerDelay1]> </div><div class="v-scale v-scale2" v-bind:style=[spinnerStyle,spinnerDelay2]> </div><div class="v-scale v-scale3" v-bind:style=[spinnerStyle,spinnerDelay3]> </div><div class="v-scale v-scale4" v-bind:style=[spinnerStyle,spinnerDelay4]> </div><div class="v-scale v-scale5" v-bind:style=[spinnerStyle,spinnerDelay5]> </div> </div> '},function(t,e){t.exports=" <div class=v-spinner v-show=loading> <div class=v-skew v-bind:style=spinnerStyle> </div> </div> "},function(t,e){t.exports=" <div class=v-spinner v-show=loading> <div class=v-square v-bind:style=spinnerStyle> </div> </div> "},function(t,e){t.exports=' <div class=v-spinner v-show=loading> <div class="v-sync v-sync1" v-bind:style=[spinnerStyle,spinnerDelay1]> </div><div class="v-sync v-sync2" v-bind:style=[spinnerStyle,spinnerDelay2]> </div><div class="v-sync v-sync3" v-bind:style=[spinnerStyle,spinnerDelay3]> </div> </div> '},function(t,e,i){var n,a;i(38),n=i(3),a=i(51),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(44),n=i(4),a=i(52),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(47),n=i(5),a=i(53),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(39),n=i(6),a=i(54),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(42),n=i(7),a=i(55),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(48),n=i(8),a=i(56),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(36),n=i(9),a=i(57),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(37),n=i(10),a=i(58),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(40),n=i(11),a=i(59),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(43),n=i(12),a=i(60),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(46),n=i(13),a=i(61),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(35),n=i(14),a=i(62),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(50),n=i(15),a=i(63),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(49),n=i(16),a=i(64),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(45),n=i(17),a=i(65),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)},function(t,e,i){var n,a;i(41),n=i(18),a=i(66),t.exports=n||{},t.exports.__esModule&&(t.exports=t.exports.default),a&&(("function"==typeof t.exports?t.exports.options:t.exports).template=a)}])});
\ No newline at end of file
diff --git a/package.json b/package.json
index 45046b8..b4f28c6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-spinner",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Spinners of Vue Components",
   "keywords": [
     "spinner",
@@ -11,7 +11,7 @@
   "scripts": {
     "dev": "webpack-dev-server --inline --hot --quiet",
     "build": "NODE_ENV=production webpack --progress --hide-modules",
-    "dist": "webpack --progress --hide-modules --config  webpack.build.js && NODE_ENV=production webpack --progress --hide-modules --config  webpack.build.min.js"                              
+    "dist": "webpack --progress --hide-modules --config  webpack.build.js && NODE_ENV=production webpack --progress --hide-modules --config  webpack.build.min.js"
   },
   "repository": {
     "type": "git",