vue-spinner.js.map

{"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":""}