		@@ -1,1 +0,1 @@
		{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///build.min.js","webpack:///webpack/bootstrap e51324f898d3b20a95c1","webpack:///./src/main.js","webpack:///RadialProgressBar.vue","webpack:///./src/RadialProgressBar.vue?aac5","webpack:///./~/css-loader/lib/css-base.js","webpack:///./src/RadialProgressBar.vue?a34c","webpack:///./src/RadialProgressBar.vue","webpack:///./~/vue-style-loader/addStyles.js","webpack:///./src/RadialProgressBar.vue?21f8"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","Object","defineProperty","value","default","props","diameter","type","Number","required","totalSteps","completedSteps","startColor","String","stopColor","strokeWidth","animateSpeed","innerStrokeColor","fps","data","gradient","fx","fy","cx","cy","r","gradientAnimation","currentAngle","strokeDashoffset","computed","radius","circumference","Math","PI","innerCircleDiameter","stepSize","finishedPercentage","circleSlice","animateSlice","totalPoints","innerCircleRadius","animationIncrements","hasGradient","containerStyle","height","width","progressStyle","transition","strokeStyle","innerCircleStyle","methods","getStopPointsOfCircle","steps","points","i","angle","push","getPointOfCircle","x","cos","y","sin","gotoPoint","point","changeProgress","_ref","_this","_ref$isAnimate","isAnimate","undefined","clearInterval","gotoNextStep","angleOffset","incrementer","abs","isMoveForward","setInterval","watch","created","list","toString","result","length","item","join","mediaQuery","alreadyImportedModules","__vue_script__","__vue_template__","__vue_styles__","__esModule","__vue_options__","options","template","keys","forEach","key","addStylesToDom","styles","domStyle","stylesInDom","refs","j","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","parentNode","removeChild","idx","indexOf","splice","createStyleElement","document","createElement","obj","update","remove","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","applyToTag","newObj","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","sources","btoa","unescape","encodeURIComponent","JSON","stringify","memoize","fn","memo","apply","arguments","isOldIE","test","window","navigator","userAgent","toLowerCase","getElementsByTagName","newList","mayRemove","textStore","replacement","filter","Boolean","content","locals"],"mappings":"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","file":"build.min.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(\"RadialProgressBar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"RadialProgressBar\"] = factory();\n\telse\n\t\troot[\"RadialProgressBar\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(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(\"RadialProgressBar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"RadialProgressBar\"] = factory();\n\telse\n\t\troot[\"RadialProgressBar\"] = factory();\n})(this, function() {\nreturn /****/ (function(modules) { // webpackBootstrap\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 = \"/dist/\";\n/**/\n/**/ \t// Load entry module and return exports\n/**/ \treturn __webpack_require__(0);\n/**/ })\n/********************************************************************/\n/***/ ([\n/ 0 /\n// function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tmodule.exports = __webpack_require__(5);\n\n// },\n/ 1 /\n/*/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\texports.default = {\n\t props: {\n\t diameter: {\n\t type: Number,\n\t required: false,\n\t default: 200\n\t },\n\t totalSteps: {\n\t type: Number,\n\t required: true,\n\t default: 10\n\t },\n\t completedSteps: {\n\t type: Number,\n\t required: true,\n\t default: 0\n\t },\n\t startColor: {\n\t type: String,\n\t required: false,\n\t default: '#bbff42'\n\t },\n\t stopColor: {\n\t type: String,\n\t required: false,\n\t default: '#429321'\n\t },\n\t strokeWidth: {\n\t type: Number,\n\t required: false,\n\t default: 10\n\t },\n\t animateSpeed: {\n\t type: Number,\n\t required: false,\n\t default: 1000\n\t },\n\t innerStrokeColor: {\n\t type: String,\n\t required: false,\n\t default: '#323232'\n\t },\n\t fps: {\n\t type: Number,\n\t required: false,\n\t default: 60\n\t }\n\t },\n\t\n\t data: function data() {\n\t return {\n\t gradient: {\n\t fx: 0.99,\n\t fy: 0.5,\n\t cx: 0.5,\n\t cy: 0.5,\n\t r: 0.65\n\t },\n\t gradientAnimation: null,\n\t currentAngle: 0,\n\t strokeDashoffset: 0\n\t };\n\t },\n\t\n\t\n\t computed: {\n\t radius: function radius() {\n\t return this.diameter / 2;\n\t },\n\t circumference: function circumference() {\n\t return Math.PI this.innerCircleDiameter;\n\t },\n\t stepSize: function stepSize() {\n\t if (this.totalSteps === 0) {\n\t return 0;\n\t }\n\t\n\t return 100 / this.totalSteps;\n\t },\n\t finishedPercentage: function finishedPercentage() {\n\t return this.stepSize * this.completedSteps;\n\t },\n\t circleSlice: function circleSlice() {\n\t return 2 * Math.PI / this.totalSteps;\n\t },\n\t animateSlice: function animateSlice() {\n\t return this.circleSlice / this.totalPoints;\n\t },\n\t innerCircleDiameter: function innerCircleDiameter() {\n\t return this.diameter - this.strokeWidth * 2;\n\t },\n\t innerCircleRadius: function innerCircleRadius() {\n\t return this.innerCircleDiameter / 2;\n\t },\n\t totalPoints: function totalPoints() {\n\t return this.animateSpeed / this.animationIncrements;\n\t },\n\t animationIncrements: function animationIncrements() {\n\t return 1000 / this.fps;\n\t },\n\t hasGradient: function hasGradient() {\n\t return this.startColor !== this.stopColor;\n\t },\n\t containerStyle: function containerStyle() {\n\t return {\n\t height: this.diameter + 'px',\n\t width: this.diameter + 'px'\n\t };\n\t },\n\t progressStyle: function progressStyle() {\n\t return {\n\t height: this.diameter + 'px',\n\t width: this.diameter + 'px',\n\t strokeWidth: this.strokeWidth + 'px',\n\t strokeDashoffset: this.strokeDashoffset,\n\t transition: 'stroke-dashoffset ' + this.animateSpeed + 'ms linear'\n\t };\n\t },\n\t strokeStyle: function strokeStyle() {\n\t return {\n\t height: this.diameter + 'px',\n\t width: this.diameter + 'px',\n\t strokeWidth: this.strokeWidth + 'px'\n\t };\n\t },\n\t innerCircleStyle: function innerCircleStyle() {\n\t return {\n\t width: this.innerCircleDiameter + 'px'\n\t };\n\t }\n\t },\n\t\n\t methods: {\n\t getStopPointsOfCircle: function getStopPointsOfCircle(steps) {\n\t var points = [];\n\t\n\t for (var i = 0; i < steps; i++) {\n\t var angle = this.circleSlice * i;\n\t points.push(this.getPointOfCircle(angle));\n\t }\n\t\n\t return points;\n\t },\n\t getPointOfCircle: function getPointOfCircle(angle) {\n\t var radius = 0.5;\n\t\n\t var x = radius + radius * Math.cos(angle);\n\t var y = radius + radius * Math.sin(angle);\n\t\n\t return { x: x, y: y };\n\t },\n\t gotoPoint: function gotoPoint() {\n\t var point = this.getPointOfCircle(this.currentAngle);\n\t\n\t this.gradient.fx = point.x;\n\t this.gradient.fy = point.y;\n\t },\n\t changeProgress: function changeProgress(_ref) {\n\t var _this = this;\n\t\n\t var _ref$isAnimate = _ref.isAnimate,\n\t isAnimate = _ref$isAnimate === undefined ? true : _ref$isAnimate;\n\t\n\t this.strokeDashoffset = (100 - this.finishedPercentage) / 100 * this.circumference;\n\t\n\t if (this.gradientAnimation) {\n\t clearInterval(this.gradientAnimation);\n\t }\n\t\n\t if (!isAnimate) {\n\t this.gotoNextStep();\n\t return;\n\t }\n\t\n\t var angleOffset = (this.completedSteps - 1) * this.circleSlice;\n\t var i = (this.currentAngle - angleOffset) / this.animateSlice;\n\t var incrementer = Math.abs(i - this.totalPoints) / this.totalPoints;\n\t var isMoveForward = i < this.totalPoints;\n\t\n\t this.gradientAnimation = setInterval(function () {\n\t if (isMoveForward && i >= _this.totalPoints \|\| !isMoveForward && i < _this.totalPoints) {\n\t clearInterval(_this.gradientAnimation);\n\t return;\n\t }\n\t\n\t _this.currentAngle = angleOffset + _this.animateSlice * i;\n\t _this.gotoPoint();\n\t\n\t i += isMoveForward ? incrementer : -incrementer;\n\t }, this.animationIncrements);\n\t },\n\t gotoNextStep: function gotoNextStep() {\n\t this.currentAngle = this.completedSteps * this.circleSlice;\n\t this.gotoPoint();\n\t }\n\t },\n\t\n\t watch: {\n\t totalSteps: function totalSteps() {\n\t this.changeProgress({ isAnimate: true });\n\t },\n\t completedSteps: function completedSteps() {\n\t this.changeProgress({ isAnimate: true });\n\t },\n\t diameter: function diameter() {\n\t this.changeProgress({ isAnimate: true });\n\t },\n\t strokeWidth: function strokeWidth() {\n\t this.changeProgress({ isAnimate: true });\n\t }\n\t },\n\t\n\t created: function created() {\n\t this.changeProgress({ isAnimate: false });\n\t }\n\t};\n\n/**/ },\n/ 2 /\n// function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(3)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".radial-progress-container{position:relative}.radial-progress-inner{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:50%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\", \"\"]);\n\t\n\t// exports\n\n\n// },\n/ 3 /\n/*/ function(module, exports) {\n\n\t/\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t/\r\n\t// css base code, injected by the css-loader\r\n\tmodule.exports = function() {\r\n\t\tvar list = [];\r\n\t\r\n\t\t// return the list of modules as css string\r\n\t\tlist.toString = function toString() {\r\n\t\t\tvar result = [];\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar item = this[i];\r\n\t\t\t\tif(item[2]) {\r\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresult.push(item[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn result.join(\"\");\r\n\t\t};\r\n\t\r\n\t\t// import a list of modules into the list\r\n\t\tlist.i = function(modules, mediaQuery) {\r\n\t\t\tif(typeof modules === \"string\")\r\n\t\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\t\tvar alreadyImportedModules = {};\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar id = this[i][0];\r\n\t\t\t\tif(typeof id === \"number\")\r\n\t\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t\t}\r\n\t\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\t\tvar item = modules[i];\r\n\t\t\t\t// skip already imported module\r\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\t\tif(typeof item[0] !== \"number\" \|\| !alreadyImportedModules[item[0]]) {\r\n\t\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlist.push(item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\treturn list;\r\n\t};\r\n\n\n/*/ },\n/ 4 /\n// function(module, exports) {\n\n\tmodule.exports = \" <div class=radial-progress-container :style=containerStyle> <div class=radial-progress-inner :style=innerCircleStyle> <slot></slot> </div> <svg class=radial-progress-bar :width=diameter :height=diameter version=1.1 xmlns=http://www.w3.org/2000/svg> <defs> <radialGradient id=radial-gradient :fx=gradient.fx :fy=gradient.fy :cx=gradient.cx :cy=gradient.cy :r=gradient.r> <stop offset=30% :stop-color=startColor /> <stop offset=100% :stop-color=stopColor /> </radialGradient> </defs> <circle :r=innerCircleRadius :cx=radius :cy=radius fill=transparent :stroke=innerStrokeColor :stroke-dasharray=circumference stroke-dashoffset=0 stroke-linecap=round :style=strokeStyle></circle> <circle :transform=\\\"'rotate(270, ' + radius + ',' + radius + ')'\\\" :r=innerCircleRadius :cx=radius :cy=radius fill=transparent stroke=url(#radial-gradient) :stroke-dasharray=circumference :stroke-dashoffset=circumference stroke-linecap=round :style=progressStyle></circle> </svg> </div> \";\n\n// },\n/ 5 /\n// function(module, exports, __webpack_require__) {\n\n\tvar __vue_script__, __vue_template__\n\tvar __vue_styles__ = {}\n\t__webpack_require__(7)\n\t__vue_script__ = __webpack_require__(1)\n\t__vue_template__ = __webpack_require__(4)\n\tmodule.exports = __vue_script__ \|\| {}\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\tvar __vue_options__ = typeof module.exports === \"function\" ? (module.exports.options \|\| (module.exports.options = {})) : module.exports\n\tif (__vue_template__) {\n\t__vue_options__.template = __vue_template__\n\t}\n\tif (!__vue_options__.computed) __vue_options__.computed = {}\n\tObject.keys(__vue_styles__).forEach(function (key) {\n\tvar module = __vue_styles__[key]\n\t__vue_options__.computed[key] = function () { return module }\n\t})\n\n\n// },\n/ 6 /\n/*/ function(module, exports, __webpack_require__) {\n\n\t/\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\n\t\tAuthor Tobias Koppers @sokra\n\t/\n\tvar stylesInDom = {},\n\t\tmemoize = function(fn) {\n\t\t\tvar memo;\n\t\t\treturn function () {\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\t\treturn memo;\n\t\t\t};\n\t\t},\n\t\tisOldIE = memoize(function() {\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\n\t\t}),\n\t\tgetHeadElement = memoize(function () {\n\t\t\treturn document.head \|\| document.getElementsByTagName(\"head\")[0];\n\t\t}),\n\t\tsingletonElement = null,\n\t\tsingletonCounter = 0,\n\t\tstyleElementsInsertedAtTop = [];\n\t\n\tmodule.exports = function(list, options) {\n\t\tif(false) {\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t\t}\n\t\n\t\toptions = options \|\| {};\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t\t// tags it will allow on a page\n\t\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\t\n\t\t// By default, add <style> tags to the bottom of <head>.\n\t\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\t\n\t\tvar styles = listToStyles(list);\n\t\taddStylesToDom(styles, options);\n\t\n\t\treturn function update(newList) {\n\t\t\tvar mayRemove = [];\n\t\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\t\tvar item = styles[i];\n\t\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\t\tdomStyle.refs--;\n\t\t\t\tmayRemove.push(domStyle);\n\t\t\t}\n\t\t\tif(newList) {\n\t\t\t\tvar newStyles = listToStyles(newList);\n\t\t\t\taddStylesToDom(newStyles, options);\n\t\t\t}\n\t\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\t\tvar domStyle = mayRemove[i];\n\t\t\t\tif(domStyle.refs === 0) {\n\t\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t}\n\t\n\tfunction addStylesToDom(styles, options) {\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tif(domStyle) {\n\t\t\t\tdomStyle.refs++;\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t\t}\n\t\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvar parts = [];\n\t\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t\t}\n\t\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t\t}\n\t\t}\n\t}\n\t\n\tfunction listToStyles(list) {\n\t\tvar styles = [];\n\t\tvar newStyles = {};\n\t\tfor(var i = 0; i < list.length; i++) {\n\t\t\tvar item = list[i];\n\t\t\tvar id = item[0];\n\t\t\tvar css = item[1];\n\t\t\tvar media = item[2];\n\t\t\tvar sourceMap = item[3];\n\t\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\t\tif(!newStyles[id])\n\t\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\t\telse\n\t\t\t\tnewStyles[id].parts.push(part);\n\t\t}\n\t\treturn styles;\n\t}\n\t\n\tfunction insertStyleElement(options, styleElement) {\n\t\tvar head = getHeadElement();\n\t\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\t\tif (options.insertAt === \"top\") {\n\t\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t\t} else {\n\t\t\t\thead.appendChild(styleElement);\n\t\t\t}\n\t\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t\t} else if (options.insertAt === \"bottom\") {\n\t\t\thead.appendChild(styleElement);\n\t\t} else {\n\t\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t\t}\n\t}\n\t\n\tfunction removeStyleElement(styleElement) {\n\t\tstyleElement.parentNode.removeChild(styleElement);\n\t\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\t\tif(idx >= 0) {\n\t\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t\t}\n\t}\n\t\n\tfunction createStyleElement(options) {\n\t\tvar styleElement = document.createElement(\"style\");\n\t\tstyleElement.type = \"text/css\";\n\t\tinsertStyleElement(options, styleElement);\n\t\treturn styleElement;\n\t}\n\t\n\tfunction addStyle(obj, options) {\n\t\tvar styleElement, update, remove;\n\t\n\t\tif (options.singleton) {\n\t\t\tvar styleIndex = singletonCounter++;\n\t\t\tstyleElement = singletonElement \|\| (singletonElement = createStyleElement(options));\n\t\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t\t} else {\n\t\t\tstyleElement = createStyleElement(options);\n\t\t\tupdate = applyToTag.bind(null, styleElement);\n\t\t\tremove = function() {\n\t\t\t\tremoveStyleElement(styleElement);\n\t\t\t};\n\t\t}\n\t\n\t\tupdate(obj);\n\t\n\t\treturn function updateStyle(newObj) {\n\t\t\tif(newObj) {\n\t\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\t\treturn;\n\t\t\t\tupdate(obj = newObj);\n\t\t\t} else {\n\t\t\t\tremove();\n\t\t\t}\n\t\t};\n\t}\n\t\n\tvar replaceText = (function () {\n\t\tvar textStore = [];\n\t\n\t\treturn function (index, replacement) {\n\t\t\ttextStore[index] = replacement;\n\t\t\treturn textStore.filter(Boolean).join('\\n');\n\t\t};\n\t})();\n\t\n\tfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\t\tvar css = remove ? \"\" : obj.css;\n\t\n\t\tif (styleElement.styleSheet) {\n\t\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t\t} else {\n\t\t\tvar cssNode = document.createTextNode(css);\n\t\t\tvar childNodes = styleElement.childNodes;\n\t\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\t\tif (childNodes.length) {\n\t\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t\t} else {\n\t\t\t\tstyleElement.appendChild(cssNode);\n\t\t\t}\n\t\t}\n\t}\n\t\n\tfunction applyToTag(styleElement, obj) {\n\t\tvar css = obj.css;\n\t\tvar media = obj.media;\n\t\tvar sourceMap = obj.sourceMap;\n\t\n\t\tif (media) {\n\t\t\tstyleElement.setAttribute(\"media\", media);\n\t\t}\n\t\n\t\tif (sourceMap) {\n\t\t\t// https://developer.chrome.com/devtools/docs/javascript-debugging\n\t\t\t// this makes source maps inside style tags work properly in Chrome\n\t\t\tcss += '\\n/# sourceURL=' + sourceMap.sources[0] + ' /';\n\t\t\t// http://stackoverflow.com/a/26603875\n\t\t\tcss += \"\\n/# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" /\";\n\t\t}\n\t\n\t\tif (styleElement.styleSheet) {\n\t\t\tstyleElement.styleSheet.cssText = css;\n\t\t} else {\n\t\t\twhile(styleElement.firstChild) {\n\t\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t\t}\n\t\t\tstyleElement.appendChild(document.createTextNode(css));\n\t\t}\n\t}\n\n\n/*/ },\n/ 7 /\n// function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(2);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(6)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/less-loader/index.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/less-loader/index.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n// }\n/****/ ])\n});\n;\n\n\n// WEBPACK FOOTER //\n// build.min.js"," \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 = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap e51324f898d3b20a95c1","module.exports = require('./RadialProgressBar.vue')\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","<template>\r\n <div class=\"radial-progress-container\" :style=\"containerStyle\">\r\n <div class=\"radial-progress-inner\" :style=\"innerCircleStyle\">\r\n <slot></slot>\r\n </div>\r\n <svg class=\"radial-progress-bar\"\r\n :width=\"diameter\"\r\n :height=\"diameter\"\r\n version=\"1.1\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <defs>\r\n <radialGradient id=\"radial-gradient\"\r\n :fx=\"gradient.fx\"\r\n :fy=\"gradient.fy\"\r\n :cx=\"gradient.cx\"\r\n :cy=\"gradient.cy\"\r\n :r=\"gradient.r\">\r\n <stop offset=\"30%\" :stop-color=\"startColor\"/>\r\n <stop offset=\"100%\" :stop-color=\"stopColor\"/>\r\n </radialGradient>\r\n </defs>\r\n <circle :r=\"innerCircleRadius\"\r\n :cx=\"radius\"\r\n :cy=\"radius\"\r\n fill=\"transparent\"\r\n :stroke=\"innerStrokeColor\"\r\n :stroke-dasharray=\"circumference\"\r\n stroke-dashoffset=\"0\"\r\n stroke-linecap=\"round\"\r\n :style=\"strokeStyle\"></circle>\r\n <circle :transform=\"'rotate(270, ' + radius + ',' + radius + ')'\"\r\n :r=\"innerCircleRadius\"\r\n :cx=\"radius\"\r\n :cy=\"radius\"\r\n fill=\"transparent\"\r\n stroke=\"url(#radial-gradient)\"\r\n :stroke-dasharray=\"circumference\"\r\n :stroke-dashoffset=\"circumference\"\r\n stroke-linecap=\"round\"\r\n :style=\"progressStyle\"></circle>\r\n </svg>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n props: {\r\n diameter: {\r\n type: Number,\r\n required: false,\r\n default: 200\r\n },\r\n totalSteps: {\r\n type: Number,\r\n required: true,\r\n default: 10\r\n },\r\n completedSteps: {\r\n type: Number,\r\n required: true,\r\n default: 0\r\n },\r\n startColor: {\r\n type: String,\r\n required: false,\r\n default: '#bbff42'\r\n },\r\n stopColor: {\r\n type: String,\r\n required: false,\r\n default: '#429321'\r\n },\r\n strokeWidth: {\r\n type: Number,\r\n required: false,\r\n default: 10\r\n },\r\n animateSpeed: {\r\n type: Number,\r\n required: false,\r\n default: 1000\r\n },\r\n innerStrokeColor: {\r\n type: String,\r\n required: false,\r\n default: '#323232'\r\n },\r\n fps: {\r\n type: Number,\r\n required: false,\r\n default: 60\r\n }\r\n },\r\n\r\n data () {\r\n return {\r\n gradient: {\r\n fx: 0.99,\r\n fy: 0.5,\r\n cx: 0.5,\r\n cy: 0.5,\r\n r: 0.65\r\n },\r\n gradientAnimation: null,\r\n currentAngle: 0,\r\n strokeDashoffset: 0\r\n }\r\n },\r\n\r\n computed: {\r\n radius () {\r\n return this.diameter / 2\r\n },\r\n\r\n circumference () {\r\n return Math.PI this.innerCircleDiameter\r\n },\r\n\r\n stepSize () {\r\n if (this.totalSteps === 0) {\r\n return 0\r\n }\r\n\r\n return 100 / this.totalSteps\r\n },\r\n\r\n finishedPercentage () {\r\n return this.stepSize * this.completedSteps\r\n },\r\n\r\n circleSlice () {\r\n return 2 * Math.PI / this.totalSteps\r\n },\r\n\r\n animateSlice () {\r\n return this.circleSlice / this.totalPoints\r\n },\r\n\r\n innerCircleDiameter () {\r\n return this.diameter - (this.strokeWidth * 2)\r\n },\r\n\r\n innerCircleRadius () {\r\n return this.innerCircleDiameter / 2\r\n },\r\n\r\n totalPoints () {\r\n return this.animateSpeed / this.animationIncrements\r\n },\r\n\r\n animationIncrements () {\r\n return 1000 / this.fps\r\n },\r\n\r\n hasGradient () {\r\n return this.startColor !== this.stopColor\r\n },\r\n\r\n containerStyle () {\r\n return {\r\n height: `${this.diameter}px`,\r\n width: `${this.diameter}px`\r\n }\r\n },\r\n\r\n progressStyle () {\r\n return {\r\n height: `${this.diameter}px`,\r\n width: `${this.diameter}px`,\r\n strokeWidth: `${this.strokeWidth}px`,\r\n strokeDashoffset: this.strokeDashoffset,\r\n transition: `stroke-dashoffset ${this.animateSpeed}ms linear`\r\n }\r\n },\r\n\r\n strokeStyle () {\r\n return {\r\n height: `${this.diameter}px`,\r\n width: `${this.diameter}px`,\r\n strokeWidth: `${this.strokeWidth}px`\r\n }\r\n },\r\n\r\n innerCircleStyle () {\r\n return {\r\n width: `${this.innerCircleDiameter}px`\r\n }\r\n }\r\n },\r\n\r\n methods: {\r\n getStopPointsOfCircle (steps) {\r\n const points = []\r\n\r\n for (let i = 0; i < steps; i++) {\r\n const angle = this.circleSlice * i\r\n points.push(this.getPointOfCircle(angle))\r\n }\r\n\r\n return points\r\n },\r\n\r\n getPointOfCircle (angle) {\r\n const radius = 0.5\r\n\r\n const x = radius + (radius * Math.cos(angle))\r\n const y = radius + (radius * Math.sin(angle))\r\n\r\n return { x, y }\r\n },\r\n\r\n gotoPoint () {\r\n const point = this.getPointOfCircle(this.currentAngle)\r\n\r\n this.gradient.fx = point.x\r\n this.gradient.fy = point.y\r\n },\r\n\r\n changeProgress ({ isAnimate = true }) {\r\n this.strokeDashoffset = ((100 - this.finishedPercentage) / 100) * this.circumference\r\n\r\n if (this.gradientAnimation) {\r\n clearInterval(this.gradientAnimation)\r\n }\r\n\r\n if (!isAnimate) {\r\n this.gotoNextStep()\r\n return\r\n }\r\n\r\n const angleOffset = (this.completedSteps - 1) * this.circleSlice\r\n let i = (this.currentAngle - angleOffset) / this.animateSlice\r\n const incrementer = Math.abs(i - this.totalPoints) / this.totalPoints\r\n const isMoveForward = i < this.totalPoints\r\n\r\n this.gradientAnimation = setInterval(() => {\r\n if (isMoveForward && i >= this.totalPoints \|\|\r\n !isMoveForward && i < this.totalPoints) {\r\n clearInterval(this.gradientAnimation)\r\n return\r\n }\r\n\r\n this.currentAngle = angleOffset + (this.animateSlice * i)\r\n this.gotoPoint()\r\n\r\n i += isMoveForward ? incrementer : -incrementer\r\n }, this.animationIncrements)\r\n },\r\n\r\n gotoNextStep () {\r\n this.currentAngle = this.completedSteps * this.circleSlice\r\n this.gotoPoint()\r\n }\r\n },\r\n\r\n watch: {\r\n totalSteps () {\r\n this.changeProgress({ isAnimate: true })\r\n },\r\n\r\n completedSteps () {\r\n this.changeProgress({ isAnimate: true })\r\n },\r\n\r\n diameter () {\r\n this.changeProgress({ isAnimate: true })\r\n },\r\n\r\n strokeWidth () {\r\n this.changeProgress({ isAnimate: true })\r\n }\r\n },\r\n\r\n created () {\r\n this.changeProgress({ isAnimate: false })\r\n }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\">\r\n.radial-progress-container {\r\n position: relative;\r\n}\r\n\r\n.radial-progress-inner {\r\n position: absolute;\r\n top: 0; right: 0; bottom: 0; left: 0;\r\n position: absolute;\r\n border-radius: 50%;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// RadialProgressBar.vue?047b8ca0","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".radial-progress-container{position:relative}.radial-progress-inner{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:50%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RadialProgressBar.vue\n// module id = 2\n// module chunks = 0","/\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" \|\| !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 3\n// module chunks = 0","module.exports = \" <div class=radial-progress-container :style=containerStyle> <div class=radial-progress-inner :style=innerCircleStyle> <slot></slot> </div> <svg class=radial-progress-bar :width=diameter :height=diameter version=1.1 xmlns=http://www.w3.org/2000/svg> <defs> <radialGradient id=radial-gradient :fx=gradient.fx :fy=gradient.fy :cx=gradient.cx :cy=gradient.cy :r=gradient.r> <stop offset=30% :stop-color=startColor /> <stop offset=100% :stop-color=stopColor /> </radialGradient> </defs> <circle :r=innerCircleRadius :cx=radius :cy=radius fill=transparent :stroke=innerStrokeColor :stroke-dasharray=circumference stroke-dashoffset=0 stroke-linecap=round :style=strokeStyle></circle> <circle :transform=\\\"'rotate(270, ' + radius + ',' + radius + ')'\\\" :r=innerCircleRadius :cx=radius :cy=radius fill=transparent stroke=url(#radial-gradient) :stroke-dasharray=circumference :stroke-dashoffset=circumference stroke-linecap=round :style=progressStyle></circle> </svg> </div> \";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RadialProgressBar.vue\n// module id = 4\n// module chunks = 0","var __vue_script__, __vue_template__\nvar __vue_styles__ = {}\nrequire(\"!!vue-style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js!less!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\")\n__vue_script__ = require(\"!!babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RadialProgressBar.vue\")\n__vue_template__ = require(\"!!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RadialProgressBar.vue\")\nmodule.exports = __vue_script__ \|\| {}\nif (module.exports.__esModule) module.exports = module.exports.default\nvar __vue_options__ = typeof module.exports === \"function\" ? (module.exports.options \|\| (module.exports.options = {})) : module.exports\nif (__vue_template__) {\n__vue_options__.template = __vue_template__\n}\nif (!__vue_options__.computed) __vue_options__.computed = {}\nObject.keys(__vue_styles__).forEach(function (key) {\nvar module = __vue_styles__[key]\n__vue_options__.computed[key] = function () { return module }\n})\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/RadialProgressBar.vue\n// module id = 5\n// module chunks = 0","/\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n/\nvar stylesInDom = {},\n\tmemoize = function(fn) {\n\t\tvar memo;\n\t\treturn function () {\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\treturn memo;\n\t\t};\n\t},\n\tisOldIE = memoize(function() {\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\n\t}),\n\tgetHeadElement = memoize(function () {\n\t\treturn document.head \|\| document.getElementsByTagName(\"head\")[0];\n\t}),\n\tsingletonElement = null,\n\tsingletonCounter = 0,\n\tstyleElementsInsertedAtTop = [];\n\nmodule.exports = function(list, options) {\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options \|\| {};\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t// tags it will allow on a page\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\n\t// By default, add <style> tags to the bottom of <head>.\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\n\tvar styles = listToStyles(list);\n\taddStylesToDom(styles, options);\n\n\treturn function update(newList) {\n\t\tvar mayRemove = [];\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tdomStyle.refs--;\n\t\t\tmayRemove.push(domStyle);\n\t\t}\n\t\tif(newList) {\n\t\t\tvar newStyles = listToStyles(newList);\n\t\t\taddStylesToDom(newStyles, options);\n\t\t}\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\tvar domStyle = mayRemove[i];\n\t\t\tif(domStyle.refs === 0) {\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t}\n\t\t}\n\t};\n}\n\nfunction addStylesToDom(styles, options) {\n\tfor(var i = 0; i < styles.length; i++) {\n\t\tvar item = styles[i];\n\t\tvar domStyle = stylesInDom[item.id];\n\t\tif(domStyle) {\n\t\t\tdomStyle.refs++;\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t}\n\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t} else {\n\t\t\tvar parts = [];\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t}\n\t}\n}\n\nfunction listToStyles(list) {\n\tvar styles = [];\n\tvar newStyles = {};\n\tfor(var i = 0; i < list.length; i++) {\n\t\tvar item = list[i];\n\t\tvar id = item[0];\n\t\tvar css = item[1];\n\t\tvar media = item[2];\n\t\tvar sourceMap = item[3];\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\tif(!newStyles[id])\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\telse\n\t\t\tnewStyles[id].parts.push(part);\n\t}\n\treturn styles;\n}\n\nfunction insertStyleElement(options, styleElement) {\n\tvar head = getHeadElement();\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\tif (options.insertAt === \"top\") {\n\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t} else {\n\t\t\thead.appendChild(styleElement);\n\t\t}\n\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t} else if (options.insertAt === \"bottom\") {\n\t\thead.appendChild(styleElement);\n\t} else {\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t}\n}\n\nfunction removeStyleElement(styleElement) {\n\tstyleElement.parentNode.removeChild(styleElement);\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\tif(idx >= 0) {\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t}\n}\n\nfunction createStyleElement(options) {\n\tvar styleElement = document.createElement(\"style\");\n\tstyleElement.type = \"text/css\";\n\tinsertStyleElement(options, styleElement);\n\treturn styleElement;\n}\n\nfunction addStyle(obj, options) {\n\tvar styleElement, update, remove;\n\n\tif (options.singleton) {\n\t\tvar styleIndex = singletonCounter++;\n\t\tstyleElement = singletonElement \|\| (singletonElement = createStyleElement(options));\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t} else {\n\t\tstyleElement = createStyleElement(options);\n\t\tupdate = applyToTag.bind(null, styleElement);\n\t\tremove = function() {\n\t\t\tremoveStyleElement(styleElement);\n\t\t};\n\t}\n\n\tupdate(obj);\n\n\treturn function updateStyle(newObj) {\n\t\tif(newObj) {\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\treturn;\n\t\t\tupdate(obj = newObj);\n\t\t} else {\n\t\t\tremove();\n\t\t}\n\t};\n}\n\nvar replaceText = (function () {\n\tvar textStore = [];\n\n\treturn function (index, replacement) {\n\t\ttextStore[index] = replacement;\n\t\treturn textStore.filter(Boolean).join('\\n');\n\t};\n})();\n\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\tvar css = remove ? \"\" : obj.css;\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t} else {\n\t\tvar cssNode = document.createTextNode(css);\n\t\tvar childNodes = styleElement.childNodes;\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\tif (childNodes.length) {\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t} else {\n\t\t\tstyleElement.appendChild(cssNode);\n\t\t}\n\t}\n}\n\nfunction applyToTag(styleElement, obj) {\n\tvar css = obj.css;\n\tvar media = obj.media;\n\tvar sourceMap = obj.sourceMap;\n\n\tif (media) {\n\t\tstyleElement.setAttribute(\"media\", media);\n\t}\n\n\tif (sourceMap) {\n\t\t// https://developer.chrome.com/devtools/docs/javascript-debugging\n\t\t// this makes source maps inside style tags work properly in Chrome\n\t\tcss += '\\n/# sourceURL=' + sourceMap.sources[0] + ' /';\n\t\t// http://stackoverflow.com/a/26603875\n\t\tcss += \"\\n/# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" /\";\n\t}\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = css;\n\t} else {\n\t\twhile(styleElement.firstChild) {\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t}\n\t\tstyleElement.appendChild(document.createTextNode(css));\n\t}\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-style-loader/addStyles.js\n// module id = 6\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/less-loader/index.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/vue-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!./../node_modules/less-loader/index.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/less-loader/index.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.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// ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/less-loader!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RadialProgressBar.vue\n// module id = 7\n// module chunks = 0"],"sourceRoot":""}
		{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///build.min.js","webpack:///webpack/bootstrap b6982e6ce672339d8163","webpack:///./src/main.js","webpack:///RadialProgressBar.vue","webpack:///./src/RadialProgressBar.vue?8049","webpack:///./~/css-loader/lib/css-base.js","webpack:///./src/RadialProgressBar.vue?a34c","webpack:///./src/RadialProgressBar.vue","webpack:///./~/vue-style-loader/addStyles.js","webpack:///./src/RadialProgressBar.vue?1e76"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","Object","defineProperty","value","default","props","diameter","type","Number","required","totalSteps","completedSteps","startColor","String","stopColor","strokeWidth","animateSpeed","innerStrokeColor","fps","data","gradient","fx","fy","cx","cy","r","gradientAnimation","currentAngle","strokeDashoffset","computed","radius","circumference","Math","PI","innerCircleDiameter","stepSize","finishedPercentage","circleSlice","animateSlice","totalPoints","innerCircleRadius","animationIncrements","hasGradient","containerStyle","height","width","progressStyle","transition","strokeStyle","innerCircleStyle","methods","getStopPointsOfCircle","steps","points","i","angle","push","getPointOfCircle","x","cos","y","sin","gotoPoint","point","changeProgress","_ref","_this","_ref$isAnimate","isAnimate","undefined","clearInterval","gotoNextStep","angleOffset","incrementer","abs","isMoveForward","setInterval","watch","created","list","toString","result","length","item","join","mediaQuery","alreadyImportedModules","__vue_script__","__vue_template__","__vue_styles__","__esModule","__vue_options__","options","template","keys","forEach","key","addStylesToDom","styles","domStyle","stylesInDom","refs","j","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","parentNode","removeChild","idx","indexOf","splice","createStyleElement","document","createElement","obj","update","remove","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","applyToTag","newObj","index","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","sources","btoa","unescape","encodeURIComponent","JSON","stringify","memoize","fn","memo","apply","arguments","isOldIE","test","window","navigator","userAgent","toLowerCase","getElementsByTagName","newList","mayRemove","textStore","replacement","filter","Boolean","content","locals"],"mappings":"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","file":"build.min.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(\"RadialProgressBar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"RadialProgressBar\"] = factory();\n\telse\n\t\troot[\"RadialProgressBar\"] = factory();\n})(this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition","(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(\"RadialProgressBar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"RadialProgressBar\"] = factory();\n\telse\n\t\troot[\"RadialProgressBar\"] = factory();\n})(this, function() {\nreturn /****/ (function(modules) { // webpackBootstrap\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 = \"/dist/\";\n/**/\n/**/ \t// Load entry module and return exports\n/**/ \treturn __webpack_require__(0);\n/**/ })\n/********************************************************************/\n/***/ ([\n/ 0 /\n// function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tmodule.exports = __webpack_require__(5);\n\n// },\n/ 1 /\n/*/ function(module, exports) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t value: true\n\t});\n\texports.default = {\n\t props: {\n\t diameter: {\n\t type: Number,\n\t required: false,\n\t default: 200\n\t },\n\t totalSteps: {\n\t type: Number,\n\t required: true,\n\t default: 10\n\t },\n\t completedSteps: {\n\t type: Number,\n\t required: true,\n\t default: 0\n\t },\n\t startColor: {\n\t type: String,\n\t required: false,\n\t default: '#bbff42'\n\t },\n\t stopColor: {\n\t type: String,\n\t required: false,\n\t default: '#429321'\n\t },\n\t strokeWidth: {\n\t type: Number,\n\t required: false,\n\t default: 10\n\t },\n\t animateSpeed: {\n\t type: Number,\n\t required: false,\n\t default: 1000\n\t },\n\t innerStrokeColor: {\n\t type: String,\n\t required: false,\n\t default: '#323232'\n\t },\n\t fps: {\n\t type: Number,\n\t required: false,\n\t default: 60\n\t }\n\t },\n\t\n\t data: function data() {\n\t return {\n\t gradient: {\n\t fx: 0.99,\n\t fy: 0.5,\n\t cx: 0.5,\n\t cy: 0.5,\n\t r: 0.65\n\t },\n\t gradientAnimation: null,\n\t currentAngle: 0,\n\t strokeDashoffset: 0\n\t };\n\t },\n\t\n\t\n\t computed: {\n\t radius: function radius() {\n\t return this.diameter / 2;\n\t },\n\t circumference: function circumference() {\n\t return Math.PI this.innerCircleDiameter;\n\t },\n\t stepSize: function stepSize() {\n\t if (this.totalSteps === 0) {\n\t return 0;\n\t }\n\t\n\t return 100 / this.totalSteps;\n\t },\n\t finishedPercentage: function finishedPercentage() {\n\t return this.stepSize * this.completedSteps;\n\t },\n\t circleSlice: function circleSlice() {\n\t return 2 * Math.PI / this.totalSteps;\n\t },\n\t animateSlice: function animateSlice() {\n\t return this.circleSlice / this.totalPoints;\n\t },\n\t innerCircleDiameter: function innerCircleDiameter() {\n\t return this.diameter - this.strokeWidth * 2;\n\t },\n\t innerCircleRadius: function innerCircleRadius() {\n\t return this.innerCircleDiameter / 2;\n\t },\n\t totalPoints: function totalPoints() {\n\t return this.animateSpeed / this.animationIncrements;\n\t },\n\t animationIncrements: function animationIncrements() {\n\t return 1000 / this.fps;\n\t },\n\t hasGradient: function hasGradient() {\n\t return this.startColor !== this.stopColor;\n\t },\n\t containerStyle: function containerStyle() {\n\t return {\n\t height: this.diameter + 'px',\n\t width: this.diameter + 'px'\n\t };\n\t },\n\t progressStyle: function progressStyle() {\n\t return {\n\t height: this.diameter + 'px',\n\t width: this.diameter + 'px',\n\t strokeWidth: this.strokeWidth + 'px',\n\t strokeDashoffset: this.strokeDashoffset,\n\t transition: 'stroke-dashoffset ' + this.animateSpeed + 'ms linear'\n\t };\n\t },\n\t strokeStyle: function strokeStyle() {\n\t return {\n\t height: this.diameter + 'px',\n\t width: this.diameter + 'px',\n\t strokeWidth: this.strokeWidth + 'px'\n\t };\n\t },\n\t innerCircleStyle: function innerCircleStyle() {\n\t return {\n\t width: this.innerCircleDiameter + 'px'\n\t };\n\t }\n\t },\n\t\n\t methods: {\n\t getStopPointsOfCircle: function getStopPointsOfCircle(steps) {\n\t var points = [];\n\t\n\t for (var i = 0; i < steps; i++) {\n\t var angle = this.circleSlice * i;\n\t points.push(this.getPointOfCircle(angle));\n\t }\n\t\n\t return points;\n\t },\n\t getPointOfCircle: function getPointOfCircle(angle) {\n\t var radius = 0.5;\n\t\n\t var x = radius + radius * Math.cos(angle);\n\t var y = radius + radius * Math.sin(angle);\n\t\n\t return { x: x, y: y };\n\t },\n\t gotoPoint: function gotoPoint() {\n\t var point = this.getPointOfCircle(this.currentAngle);\n\t\n\t this.gradient.fx = point.x;\n\t this.gradient.fy = point.y;\n\t },\n\t changeProgress: function changeProgress(_ref) {\n\t var _this = this;\n\t\n\t var _ref$isAnimate = _ref.isAnimate,\n\t isAnimate = _ref$isAnimate === undefined ? true : _ref$isAnimate;\n\t\n\t this.strokeDashoffset = (100 - this.finishedPercentage) / 100 * this.circumference;\n\t\n\t if (this.gradientAnimation) {\n\t clearInterval(this.gradientAnimation);\n\t }\n\t\n\t if (!isAnimate) {\n\t this.gotoNextStep();\n\t return;\n\t }\n\t\n\t var angleOffset = (this.completedSteps - 1) * this.circleSlice;\n\t var i = (this.currentAngle - angleOffset) / this.animateSlice;\n\t var incrementer = Math.abs(i - this.totalPoints) / this.totalPoints;\n\t var isMoveForward = i < this.totalPoints;\n\t\n\t this.gradientAnimation = setInterval(function () {\n\t if (isMoveForward && i >= _this.totalPoints \|\| !isMoveForward && i < _this.totalPoints) {\n\t clearInterval(_this.gradientAnimation);\n\t return;\n\t }\n\t\n\t _this.currentAngle = angleOffset + _this.animateSlice * i;\n\t _this.gotoPoint();\n\t\n\t i += isMoveForward ? incrementer : -incrementer;\n\t }, this.animationIncrements);\n\t },\n\t gotoNextStep: function gotoNextStep() {\n\t this.currentAngle = this.completedSteps * this.circleSlice;\n\t this.gotoPoint();\n\t }\n\t },\n\t\n\t watch: {\n\t totalSteps: function totalSteps() {\n\t this.changeProgress({ isAnimate: true });\n\t },\n\t completedSteps: function completedSteps() {\n\t this.changeProgress({ isAnimate: true });\n\t },\n\t diameter: function diameter() {\n\t this.changeProgress({ isAnimate: true });\n\t },\n\t strokeWidth: function strokeWidth() {\n\t this.changeProgress({ isAnimate: true });\n\t }\n\t },\n\t\n\t created: function created() {\n\t this.changeProgress({ isAnimate: false });\n\t }\n\t};\n\n/**/ },\n/ 2 /\n// function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(3)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".radial-progress-container{position:relative}.radial-progress-inner{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:50%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\", \"\"]);\n\t\n\t// exports\n\n\n// },\n/ 3 /\n/*/ function(module, exports) {\n\n\t/\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t/\r\n\t// css base code, injected by the css-loader\r\n\tmodule.exports = function() {\r\n\t\tvar list = [];\r\n\t\r\n\t\t// return the list of modules as css string\r\n\t\tlist.toString = function toString() {\r\n\t\t\tvar result = [];\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar item = this[i];\r\n\t\t\t\tif(item[2]) {\r\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresult.push(item[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn result.join(\"\");\r\n\t\t};\r\n\t\r\n\t\t// import a list of modules into the list\r\n\t\tlist.i = function(modules, mediaQuery) {\r\n\t\t\tif(typeof modules === \"string\")\r\n\t\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\t\tvar alreadyImportedModules = {};\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar id = this[i][0];\r\n\t\t\t\tif(typeof id === \"number\")\r\n\t\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t\t}\r\n\t\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\t\tvar item = modules[i];\r\n\t\t\t\t// skip already imported module\r\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\t\tif(typeof item[0] !== \"number\" \|\| !alreadyImportedModules[item[0]]) {\r\n\t\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlist.push(item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\treturn list;\r\n\t};\r\n\n\n/*/ },\n/ 4 /\n// function(module, exports) {\n\n\tmodule.exports = \" <div class=radial-progress-container :style=containerStyle> <div class=radial-progress-inner :style=innerCircleStyle> <slot></slot> </div> <svg class=radial-progress-bar :width=diameter :height=diameter version=1.1 xmlns=http://www.w3.org/2000/svg> <defs> <radialGradient id=radial-gradient :fx=gradient.fx :fy=gradient.fy :cx=gradient.cx :cy=gradient.cy :r=gradient.r> <stop offset=30% :stop-color=startColor /> <stop offset=100% :stop-color=stopColor /> </radialGradient> </defs> <circle :r=innerCircleRadius :cx=radius :cy=radius fill=transparent :stroke=innerStrokeColor :stroke-dasharray=circumference stroke-dashoffset=0 stroke-linecap=round :style=strokeStyle></circle> <circle :transform=\\\"'rotate(270, ' + radius + ',' + radius + ')'\\\" :r=innerCircleRadius :cx=radius :cy=radius fill=transparent stroke=url(#radial-gradient) :stroke-dasharray=circumference :stroke-dashoffset=circumference stroke-linecap=round :style=progressStyle></circle> </svg> </div> \";\n\n// },\n/ 5 /\n// function(module, exports, __webpack_require__) {\n\n\tvar __vue_script__, __vue_template__\n\tvar __vue_styles__ = {}\n\t__webpack_require__(7)\n\t__vue_script__ = __webpack_require__(1)\n\t__vue_template__ = __webpack_require__(4)\n\tmodule.exports = __vue_script__ \|\| {}\n\tif (module.exports.__esModule) module.exports = module.exports.default\n\tvar __vue_options__ = typeof module.exports === \"function\" ? (module.exports.options \|\| (module.exports.options = {})) : module.exports\n\tif (__vue_template__) {\n\t__vue_options__.template = __vue_template__\n\t}\n\tif (!__vue_options__.computed) __vue_options__.computed = {}\n\tObject.keys(__vue_styles__).forEach(function (key) {\n\tvar module = __vue_styles__[key]\n\t__vue_options__.computed[key] = function () { return module }\n\t})\n\n\n// },\n/ 6 /\n/*/ function(module, exports, __webpack_require__) {\n\n\t/\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\n\t\tAuthor Tobias Koppers @sokra\n\t/\n\tvar stylesInDom = {},\n\t\tmemoize = function(fn) {\n\t\t\tvar memo;\n\t\t\treturn function () {\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\t\treturn memo;\n\t\t\t};\n\t\t},\n\t\tisOldIE = memoize(function() {\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\n\t\t}),\n\t\tgetHeadElement = memoize(function () {\n\t\t\treturn document.head \|\| document.getElementsByTagName(\"head\")[0];\n\t\t}),\n\t\tsingletonElement = null,\n\t\tsingletonCounter = 0,\n\t\tstyleElementsInsertedAtTop = [];\n\t\n\tmodule.exports = function(list, options) {\n\t\tif(false) {\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t\t}\n\t\n\t\toptions = options \|\| {};\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t\t// tags it will allow on a page\n\t\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\t\n\t\t// By default, add <style> tags to the bottom of <head>.\n\t\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\t\n\t\tvar styles = listToStyles(list);\n\t\taddStylesToDom(styles, options);\n\t\n\t\treturn function update(newList) {\n\t\t\tvar mayRemove = [];\n\t\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\t\tvar item = styles[i];\n\t\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\t\tdomStyle.refs--;\n\t\t\t\tmayRemove.push(domStyle);\n\t\t\t}\n\t\t\tif(newList) {\n\t\t\t\tvar newStyles = listToStyles(newList);\n\t\t\t\taddStylesToDom(newStyles, options);\n\t\t\t}\n\t\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\t\tvar domStyle = mayRemove[i];\n\t\t\t\tif(domStyle.refs === 0) {\n\t\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t}\n\t\n\tfunction addStylesToDom(styles, options) {\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tif(domStyle) {\n\t\t\t\tdomStyle.refs++;\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t\t}\n\t\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tvar parts = [];\n\t\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t\t}\n\t\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t\t}\n\t\t}\n\t}\n\t\n\tfunction listToStyles(list) {\n\t\tvar styles = [];\n\t\tvar newStyles = {};\n\t\tfor(var i = 0; i < list.length; i++) {\n\t\t\tvar item = list[i];\n\t\t\tvar id = item[0];\n\t\t\tvar css = item[1];\n\t\t\tvar media = item[2];\n\t\t\tvar sourceMap = item[3];\n\t\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\t\tif(!newStyles[id])\n\t\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\t\telse\n\t\t\t\tnewStyles[id].parts.push(part);\n\t\t}\n\t\treturn styles;\n\t}\n\t\n\tfunction insertStyleElement(options, styleElement) {\n\t\tvar head = getHeadElement();\n\t\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\t\tif (options.insertAt === \"top\") {\n\t\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t\t} else {\n\t\t\t\thead.appendChild(styleElement);\n\t\t\t}\n\t\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t\t} else if (options.insertAt === \"bottom\") {\n\t\t\thead.appendChild(styleElement);\n\t\t} else {\n\t\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t\t}\n\t}\n\t\n\tfunction removeStyleElement(styleElement) {\n\t\tstyleElement.parentNode.removeChild(styleElement);\n\t\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\t\tif(idx >= 0) {\n\t\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t\t}\n\t}\n\t\n\tfunction createStyleElement(options) {\n\t\tvar styleElement = document.createElement(\"style\");\n\t\tstyleElement.type = \"text/css\";\n\t\tinsertStyleElement(options, styleElement);\n\t\treturn styleElement;\n\t}\n\t\n\tfunction addStyle(obj, options) {\n\t\tvar styleElement, update, remove;\n\t\n\t\tif (options.singleton) {\n\t\t\tvar styleIndex = singletonCounter++;\n\t\t\tstyleElement = singletonElement \|\| (singletonElement = createStyleElement(options));\n\t\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t\t} else {\n\t\t\tstyleElement = createStyleElement(options);\n\t\t\tupdate = applyToTag.bind(null, styleElement);\n\t\t\tremove = function() {\n\t\t\t\tremoveStyleElement(styleElement);\n\t\t\t};\n\t\t}\n\t\n\t\tupdate(obj);\n\t\n\t\treturn function updateStyle(newObj) {\n\t\t\tif(newObj) {\n\t\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\t\treturn;\n\t\t\t\tupdate(obj = newObj);\n\t\t\t} else {\n\t\t\t\tremove();\n\t\t\t}\n\t\t};\n\t}\n\t\n\tvar replaceText = (function () {\n\t\tvar textStore = [];\n\t\n\t\treturn function (index, replacement) {\n\t\t\ttextStore[index] = replacement;\n\t\t\treturn textStore.filter(Boolean).join('\\n');\n\t\t};\n\t})();\n\t\n\tfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\t\tvar css = remove ? \"\" : obj.css;\n\t\n\t\tif (styleElement.styleSheet) {\n\t\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t\t} else {\n\t\t\tvar cssNode = document.createTextNode(css);\n\t\t\tvar childNodes = styleElement.childNodes;\n\t\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\t\tif (childNodes.length) {\n\t\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t\t} else {\n\t\t\t\tstyleElement.appendChild(cssNode);\n\t\t\t}\n\t\t}\n\t}\n\t\n\tfunction applyToTag(styleElement, obj) {\n\t\tvar css = obj.css;\n\t\tvar media = obj.media;\n\t\tvar sourceMap = obj.sourceMap;\n\t\n\t\tif (media) {\n\t\t\tstyleElement.setAttribute(\"media\", media);\n\t\t}\n\t\n\t\tif (sourceMap) {\n\t\t\t// https://developer.chrome.com/devtools/docs/javascript-debugging\n\t\t\t// this makes source maps inside style tags work properly in Chrome\n\t\t\tcss += '\\n/# sourceURL=' + sourceMap.sources[0] + ' /';\n\t\t\t// http://stackoverflow.com/a/26603875\n\t\t\tcss += \"\\n/# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" /\";\n\t\t}\n\t\n\t\tif (styleElement.styleSheet) {\n\t\t\tstyleElement.styleSheet.cssText = css;\n\t\t} else {\n\t\t\twhile(styleElement.firstChild) {\n\t\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t\t}\n\t\t\tstyleElement.appendChild(document.createTextNode(css));\n\t\t}\n\t}\n\n\n/*/ },\n/ 7 /\n// function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(2);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(6)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n// }\n/****/ ])\n});\n;\n\n\n// WEBPACK FOOTER //\n// build.min.js"," \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 = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap b6982e6ce672339d8163","module.exports = require('./RadialProgressBar.vue')\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js","<template>\r\n <div class=\"radial-progress-container\" :style=\"containerStyle\">\r\n <div class=\"radial-progress-inner\" :style=\"innerCircleStyle\">\r\n <slot></slot>\r\n </div>\r\n <svg class=\"radial-progress-bar\"\r\n :width=\"diameter\"\r\n :height=\"diameter\"\r\n version=\"1.1\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <defs>\r\n <radialGradient id=\"radial-gradient\"\r\n :fx=\"gradient.fx\"\r\n :fy=\"gradient.fy\"\r\n :cx=\"gradient.cx\"\r\n :cy=\"gradient.cy\"\r\n :r=\"gradient.r\">\r\n <stop offset=\"30%\" :stop-color=\"startColor\"/>\r\n <stop offset=\"100%\" :stop-color=\"stopColor\"/>\r\n </radialGradient>\r\n </defs>\r\n <circle :r=\"innerCircleRadius\"\r\n :cx=\"radius\"\r\n :cy=\"radius\"\r\n fill=\"transparent\"\r\n :stroke=\"innerStrokeColor\"\r\n :stroke-dasharray=\"circumference\"\r\n stroke-dashoffset=\"0\"\r\n stroke-linecap=\"round\"\r\n :style=\"strokeStyle\"></circle>\r\n <circle :transform=\"'rotate(270, ' + radius + ',' + radius + ')'\"\r\n :r=\"innerCircleRadius\"\r\n :cx=\"radius\"\r\n :cy=\"radius\"\r\n fill=\"transparent\"\r\n stroke=\"url(#radial-gradient)\"\r\n :stroke-dasharray=\"circumference\"\r\n :stroke-dashoffset=\"circumference\"\r\n stroke-linecap=\"round\"\r\n :style=\"progressStyle\"></circle>\r\n </svg>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n props: {\r\n diameter: {\r\n type: Number,\r\n required: false,\r\n default: 200\r\n },\r\n totalSteps: {\r\n type: Number,\r\n required: true,\r\n default: 10\r\n },\r\n completedSteps: {\r\n type: Number,\r\n required: true,\r\n default: 0\r\n },\r\n startColor: {\r\n type: String,\r\n required: false,\r\n default: '#bbff42'\r\n },\r\n stopColor: {\r\n type: String,\r\n required: false,\r\n default: '#429321'\r\n },\r\n strokeWidth: {\r\n type: Number,\r\n required: false,\r\n default: 10\r\n },\r\n animateSpeed: {\r\n type: Number,\r\n required: false,\r\n default: 1000\r\n },\r\n innerStrokeColor: {\r\n type: String,\r\n required: false,\r\n default: '#323232'\r\n },\r\n fps: {\r\n type: Number,\r\n required: false,\r\n default: 60\r\n }\r\n },\r\n\r\n data () {\r\n return {\r\n gradient: {\r\n fx: 0.99,\r\n fy: 0.5,\r\n cx: 0.5,\r\n cy: 0.5,\r\n r: 0.65\r\n },\r\n gradientAnimation: null,\r\n currentAngle: 0,\r\n strokeDashoffset: 0\r\n }\r\n },\r\n\r\n computed: {\r\n radius () {\r\n return this.diameter / 2\r\n },\r\n\r\n circumference () {\r\n return Math.PI this.innerCircleDiameter\r\n },\r\n\r\n stepSize () {\r\n if (this.totalSteps === 0) {\r\n return 0\r\n }\r\n\r\n return 100 / this.totalSteps\r\n },\r\n\r\n finishedPercentage () {\r\n return this.stepSize * this.completedSteps\r\n },\r\n\r\n circleSlice () {\r\n return 2 * Math.PI / this.totalSteps\r\n },\r\n\r\n animateSlice () {\r\n return this.circleSlice / this.totalPoints\r\n },\r\n\r\n innerCircleDiameter () {\r\n return this.diameter - (this.strokeWidth * 2)\r\n },\r\n\r\n innerCircleRadius () {\r\n return this.innerCircleDiameter / 2\r\n },\r\n\r\n totalPoints () {\r\n return this.animateSpeed / this.animationIncrements\r\n },\r\n\r\n animationIncrements () {\r\n return 1000 / this.fps\r\n },\r\n\r\n hasGradient () {\r\n return this.startColor !== this.stopColor\r\n },\r\n\r\n containerStyle () {\r\n return {\r\n height: `${this.diameter}px`,\r\n width: `${this.diameter}px`\r\n }\r\n },\r\n\r\n progressStyle () {\r\n return {\r\n height: `${this.diameter}px`,\r\n width: `${this.diameter}px`,\r\n strokeWidth: `${this.strokeWidth}px`,\r\n strokeDashoffset: this.strokeDashoffset,\r\n transition: `stroke-dashoffset ${this.animateSpeed}ms linear`\r\n }\r\n },\r\n\r\n strokeStyle () {\r\n return {\r\n height: `${this.diameter}px`,\r\n width: `${this.diameter}px`,\r\n strokeWidth: `${this.strokeWidth}px`\r\n }\r\n },\r\n\r\n innerCircleStyle () {\r\n return {\r\n width: `${this.innerCircleDiameter}px`\r\n }\r\n }\r\n },\r\n\r\n methods: {\r\n getStopPointsOfCircle (steps) {\r\n const points = []\r\n\r\n for (let i = 0; i < steps; i++) {\r\n const angle = this.circleSlice * i\r\n points.push(this.getPointOfCircle(angle))\r\n }\r\n\r\n return points\r\n },\r\n\r\n getPointOfCircle (angle) {\r\n const radius = 0.5\r\n\r\n const x = radius + (radius * Math.cos(angle))\r\n const y = radius + (radius * Math.sin(angle))\r\n\r\n return { x, y }\r\n },\r\n\r\n gotoPoint () {\r\n const point = this.getPointOfCircle(this.currentAngle)\r\n\r\n this.gradient.fx = point.x\r\n this.gradient.fy = point.y\r\n },\r\n\r\n changeProgress ({ isAnimate = true }) {\r\n this.strokeDashoffset = ((100 - this.finishedPercentage) / 100) * this.circumference\r\n\r\n if (this.gradientAnimation) {\r\n clearInterval(this.gradientAnimation)\r\n }\r\n\r\n if (!isAnimate) {\r\n this.gotoNextStep()\r\n return\r\n }\r\n\r\n const angleOffset = (this.completedSteps - 1) * this.circleSlice\r\n let i = (this.currentAngle - angleOffset) / this.animateSlice\r\n const incrementer = Math.abs(i - this.totalPoints) / this.totalPoints\r\n const isMoveForward = i < this.totalPoints\r\n\r\n this.gradientAnimation = setInterval(() => {\r\n if (isMoveForward && i >= this.totalPoints \|\|\r\n !isMoveForward && i < this.totalPoints) {\r\n clearInterval(this.gradientAnimation)\r\n return\r\n }\r\n\r\n this.currentAngle = angleOffset + (this.animateSlice * i)\r\n this.gotoPoint()\r\n\r\n i += isMoveForward ? incrementer : -incrementer\r\n }, this.animationIncrements)\r\n },\r\n\r\n gotoNextStep () {\r\n this.currentAngle = this.completedSteps * this.circleSlice\r\n this.gotoPoint()\r\n }\r\n },\r\n\r\n watch: {\r\n totalSteps () {\r\n this.changeProgress({ isAnimate: true })\r\n },\r\n\r\n completedSteps () {\r\n this.changeProgress({ isAnimate: true })\r\n },\r\n\r\n diameter () {\r\n this.changeProgress({ isAnimate: true })\r\n },\r\n\r\n strokeWidth () {\r\n this.changeProgress({ isAnimate: true })\r\n }\r\n },\r\n\r\n created () {\r\n this.changeProgress({ isAnimate: false })\r\n }\r\n}\r\n</script>\r\n\r\n<style>\r\n.radial-progress-container {\r\n position: relative;\r\n}\r\n\r\n.radial-progress-inner {\r\n position: absolute;\r\n top: 0; right: 0; bottom: 0; left: 0;\r\n position: absolute;\r\n border-radius: 50%;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// RadialProgressBar.vue?1a9f832a","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".radial-progress-container{position:relative}.radial-progress-inner{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:50%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RadialProgressBar.vue\n// module id = 2\n// module chunks = 0","/\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t// when a module is imported multiple times with different media queries.\r\n\t\t\t// I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" \|\| !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 3\n// module chunks = 0","module.exports = \" <div class=radial-progress-container :style=containerStyle> <div class=radial-progress-inner :style=innerCircleStyle> <slot></slot> </div> <svg class=radial-progress-bar :width=diameter :height=diameter version=1.1 xmlns=http://www.w3.org/2000/svg> <defs> <radialGradient id=radial-gradient :fx=gradient.fx :fy=gradient.fy :cx=gradient.cx :cy=gradient.cy :r=gradient.r> <stop offset=30% :stop-color=startColor /> <stop offset=100% :stop-color=stopColor /> </radialGradient> </defs> <circle :r=innerCircleRadius :cx=radius :cy=radius fill=transparent :stroke=innerStrokeColor :stroke-dasharray=circumference stroke-dashoffset=0 stroke-linecap=round :style=strokeStyle></circle> <circle :transform=\\\"'rotate(270, ' + radius + ',' + radius + ')'\\\" :r=innerCircleRadius :cx=radius :cy=radius fill=transparent stroke=url(#radial-gradient) :stroke-dasharray=circumference :stroke-dashoffset=circumference stroke-linecap=round :style=progressStyle></circle> </svg> </div> \";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-html-loader!./~/vue-loader/lib/selector.js?type=template&index=0!./src/RadialProgressBar.vue\n// module id = 4\n// module chunks = 0","var __vue_script__, __vue_template__\nvar __vue_styles__ = {}\nrequire(\"!!vue-style-loader!css-loader!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\")\n__vue_script__ = require(\"!!babel-loader?presets[]=es2015&plugins[]=transform-runtime&comments=false!./../node_modules/vue-loader/lib/selector.js?type=script&index=0!./RadialProgressBar.vue\")\n__vue_template__ = require(\"!!vue-html-loader!./../node_modules/vue-loader/lib/selector.js?type=template&index=0!./RadialProgressBar.vue\")\nmodule.exports = __vue_script__ \|\| {}\nif (module.exports.__esModule) module.exports = module.exports.default\nvar __vue_options__ = typeof module.exports === \"function\" ? (module.exports.options \|\| (module.exports.options = {})) : module.exports\nif (__vue_template__) {\n__vue_options__.template = __vue_template__\n}\nif (!__vue_options__.computed) __vue_options__.computed = {}\nObject.keys(__vue_styles__).forEach(function (key) {\nvar module = __vue_styles__[key]\n__vue_options__.computed[key] = function () { return module }\n})\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/RadialProgressBar.vue\n// module id = 5\n// module chunks = 0","/\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n/\nvar stylesInDom = {},\n\tmemoize = function(fn) {\n\t\tvar memo;\n\t\treturn function () {\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\t\treturn memo;\n\t\t};\n\t},\n\tisOldIE = memoize(function() {\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\n\t}),\n\tgetHeadElement = memoize(function () {\n\t\treturn document.head \|\| document.getElementsByTagName(\"head\")[0];\n\t}),\n\tsingletonElement = null,\n\tsingletonCounter = 0,\n\tstyleElementsInsertedAtTop = [];\n\nmodule.exports = function(list, options) {\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options \|\| {};\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t// tags it will allow on a page\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\n\n\t// By default, add <style> tags to the bottom of <head>.\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\n\n\tvar styles = listToStyles(list);\n\taddStylesToDom(styles, options);\n\n\treturn function update(newList) {\n\t\tvar mayRemove = [];\n\t\tfor(var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\t\t\tdomStyle.refs--;\n\t\t\tmayRemove.push(domStyle);\n\t\t}\n\t\tif(newList) {\n\t\t\tvar newStyles = listToStyles(newList);\n\t\t\taddStylesToDom(newStyles, options);\n\t\t}\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\n\t\t\tvar domStyle = mayRemove[i];\n\t\t\tif(domStyle.refs === 0) {\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\n\t\t\t\t\tdomStyle.parts[j]();\n\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t}\n\t\t}\n\t};\n}\n\nfunction addStylesToDom(styles, options) {\n\tfor(var i = 0; i < styles.length; i++) {\n\t\tvar item = styles[i];\n\t\tvar domStyle = stylesInDom[item.id];\n\t\tif(domStyle) {\n\t\t\tdomStyle.refs++;\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t}\n\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t} else {\n\t\t\tvar parts = [];\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t}\n\t}\n}\n\nfunction listToStyles(list) {\n\tvar styles = [];\n\tvar newStyles = {};\n\tfor(var i = 0; i < list.length; i++) {\n\t\tvar item = list[i];\n\t\tvar id = item[0];\n\t\tvar css = item[1];\n\t\tvar media = item[2];\n\t\tvar sourceMap = item[3];\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\t\tif(!newStyles[id])\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\n\t\telse\n\t\t\tnewStyles[id].parts.push(part);\n\t}\n\treturn styles;\n}\n\nfunction insertStyleElement(options, styleElement) {\n\tvar head = getHeadElement();\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\n\tif (options.insertAt === \"top\") {\n\t\tif(!lastStyleElementInsertedAtTop) {\n\t\t\thead.insertBefore(styleElement, head.firstChild);\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\n\t\t} else {\n\t\t\thead.appendChild(styleElement);\n\t\t}\n\t\tstyleElementsInsertedAtTop.push(styleElement);\n\t} else if (options.insertAt === \"bottom\") {\n\t\thead.appendChild(styleElement);\n\t} else {\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t}\n}\n\nfunction removeStyleElement(styleElement) {\n\tstyleElement.parentNode.removeChild(styleElement);\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\n\tif(idx >= 0) {\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\n\t}\n}\n\nfunction createStyleElement(options) {\n\tvar styleElement = document.createElement(\"style\");\n\tstyleElement.type = \"text/css\";\n\tinsertStyleElement(options, styleElement);\n\treturn styleElement;\n}\n\nfunction addStyle(obj, options) {\n\tvar styleElement, update, remove;\n\n\tif (options.singleton) {\n\t\tvar styleIndex = singletonCounter++;\n\t\tstyleElement = singletonElement \|\| (singletonElement = createStyleElement(options));\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\n\t} else {\n\t\tstyleElement = createStyleElement(options);\n\t\tupdate = applyToTag.bind(null, styleElement);\n\t\tremove = function() {\n\t\t\tremoveStyleElement(styleElement);\n\t\t};\n\t}\n\n\tupdate(obj);\n\n\treturn function updateStyle(newObj) {\n\t\tif(newObj) {\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\n\t\t\t\treturn;\n\t\t\tupdate(obj = newObj);\n\t\t} else {\n\t\t\tremove();\n\t\t}\n\t};\n}\n\nvar replaceText = (function () {\n\tvar textStore = [];\n\n\treturn function (index, replacement) {\n\t\ttextStore[index] = replacement;\n\t\treturn textStore.filter(Boolean).join('\\n');\n\t};\n})();\n\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\n\tvar css = remove ? \"\" : obj.css;\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\n\t} else {\n\t\tvar cssNode = document.createTextNode(css);\n\t\tvar childNodes = styleElement.childNodes;\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\n\t\tif (childNodes.length) {\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\n\t\t} else {\n\t\t\tstyleElement.appendChild(cssNode);\n\t\t}\n\t}\n}\n\nfunction applyToTag(styleElement, obj) {\n\tvar css = obj.css;\n\tvar media = obj.media;\n\tvar sourceMap = obj.sourceMap;\n\n\tif (media) {\n\t\tstyleElement.setAttribute(\"media\", media);\n\t}\n\n\tif (sourceMap) {\n\t\t// https://developer.chrome.com/devtools/docs/javascript-debugging\n\t\t// this makes source maps inside style tags work properly in Chrome\n\t\tcss += '\\n/# sourceURL=' + sourceMap.sources[0] + ' /';\n\t\t// http://stackoverflow.com/a/26603875\n\t\tcss += \"\\n/# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" /\";\n\t}\n\n\tif (styleElement.styleSheet) {\n\t\tstyleElement.styleSheet.cssText = css;\n\t} else {\n\t\twhile(styleElement.firstChild) {\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\n\t\t}\n\t\tstyleElement.appendChild(document.createTextNode(css));\n\t}\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-style-loader/addStyles.js\n// module id = 6\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/vue-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!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.vue\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/vue-loader/lib/style-rewriter.js!./../node_modules/vue-loader/lib/selector.js?type=style&index=0!./RadialProgressBar.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// ./~/vue-style-loader!./~/css-loader!./~/vue-loader/lib/style-rewriter.js!./~/vue-loader/lib/selector.js?type=style&index=0!./src/RadialProgressBar.vue\n// module id = 7\n// module chunks = 0"],"sourceRoot":""}

+1

-1

package.json

		{
		"name": "vue-radial-progress",
		"version": "0.2.5",
		"version": "0.2.6",
		"description": "A radial progress bar component for Vue.js",
		@@ -5,0 +5,0 @@ "main": "src/main.js",

+1

-1

src/RadialProgressBar.vue

		@@ -280,3 +280,3 @@ <template>

		<style lang="less">
		<style>
		.radial-progress-container {
		@@ -283,0 +283,0 @@ position: relative;

vue-radial-progress - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics