From bd6b5c09db8f6ba3dc51b6a5f56efb78f6571778 Mon Sep 17 00:00:00 2001
From: Alan Zhang <gagazcfan@icloud.com>
Date: Fri, 21 Jul 2017 18:13:00 +0800
Subject: [PATCH] docs

---
 docs/index.html   | 2 +-
 docs/vue-ladda.js | 8 ++++++++
 package.json      | 6 ++++--
 3 files changed, 13 insertions(+), 3 deletions(-)
 create mode 100644 docs/vue-ladda.js

diff --git a/docs/index.html b/docs/index.html
index 716e926..061b5f7 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,7 +5,7 @@
   <title>vue-ladda example</title>
 
   <script src="https://unpkg.com/vue@2.3.2/dist/vue.min.js"></script>
-  <script src="../dist/vue-ladda.js"></script>
+  <script src="./vue-ladda.js"></script>
 
   <style>
     button { outline: none; }
diff --git a/docs/vue-ladda.js b/docs/vue-ladda.js
new file mode 100644
index 0000000..a24e404
--- /dev/null
+++ b/docs/vue-ladda.js
@@ -0,0 +1,8 @@
+!function(n,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueLadda=t():n.VueLadda=t()}(this,function(){return function(n){function t(e){if(a[e])return a[e].exports;var o=a[e]={i:e,l:!1,exports:{}};return n[e].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var a={};return t.m=n,t.c=a,t.i=function(n){return n},t.d=function(n,a,e){t.o(n,a)||Object.defineProperty(n,a,{configurable:!1,enumerable:!0,get:e})},t.n=function(n){var a=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(a,"a",a),a},t.o=function(n,t){return Object.prototype.hasOwnProperty.call(n,t)},t.p="",t(t.s=2)}([function(n,t,a){a(9);var e=a(7)(a(1),a(8),null,null);e.options.__file="/Users/alanzhang/develop/vue-ladda/src/vue-ladda.vue",e.esModule&&Object.keys(e.esModule).some(function(n){return"default"!==n&&"__esModule"!==n})&&console.error("named exports are not supported in *.vue files."),e.options.functional&&console.error("[vue-loader] vue-ladda.vue: functional components are not supported with templates, they should use render functions."),n.exports=e.exports},function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=a(5),o=function(n){return n&&n.__esModule?n:{default:n}}(e);t.default={name:"VueLadda",props:{dataStyle:{type:String,default:"expand-left"},loading:{type:Boolean,required:!0},progress:{validator:function(n){return n>=0&&n<=1},default:0}},watch:{loading:function(n){n?this.ladda.start():this.ladda.stop()},progress:function(n){this.ladda.setProgress(n)}},methods:{handleClick:function(n){this.$emit("click",n)}},mounted:function(){this.ladda=o.default.create(this.$refs.ladda),this.loading?this.ladda.start():this.ladda.stop()},beforeDestroy:function(){this.ladda.remove(),delete this.ladda}}},function(n,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var e=a(0),o=function(n){return n&&n.__esModule?n:{default:n}}(e),d={install:function(n,t){n.component("vue-ladda",o.default)}};"undefined"!=typeof window&&window.Vue&&window.Vue.use(d),t.default=o.default},function(n,t,a){t=n.exports=a(4)(void 0),t.push([n.i,'/*!\n * Ladda including the default theme.\n */\n/*!\n * Ladda\n * http://lab.hakim.se/ladda\n * MIT licensed\n *\n * Copyright (C) 2016 Hakim El Hattab, http://hakim.se\n */\n/*************************************\n * CONFIG\n */\n/*************************************\n * MIXINS\n */\n/*************************************\n * BUTTON BASE\n */\n.ladda-button {\n  position: relative;\n}\n\n/* Spinner animation */\n.ladda-button .ladda-spinner {\n  position: absolute;\n  z-index: 2;\n  display: inline-block;\n  width: 32px;\n  height: 32px;\n  top: 50%;\n  margin-top: 0;\n  opacity: 0;\n  pointer-events: none;\n}\n\n/* Button label */\n.ladda-button .ladda-label {\n  position: relative;\n  z-index: 3;\n}\n\n/* Progress bar */\n.ladda-button .ladda-progress {\n  position: absolute;\n  width: 0;\n  height: 100%;\n  left: 0;\n  top: 0;\n  background: rgba(0, 0, 0, 0.2);\n  visibility: hidden;\n  opacity: 0;\n  -webkit-transition: 0.1s linear all !important;\n  -moz-transition: 0.1s linear all !important;\n  -ms-transition: 0.1s linear all !important;\n  -o-transition: 0.1s linear all !important;\n  transition: 0.1s linear all !important;\n}\n.ladda-button[data-loading] .ladda-progress {\n  opacity: 1;\n  visibility: visible;\n}\n\n/*************************************\n * EASING\n */\n.ladda-button,\n.ladda-button .ladda-spinner,\n.ladda-button .ladda-label {\n  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;\n}\n.ladda-button[data-style=zoom-in],\n.ladda-button[data-style=zoom-in] .ladda-spinner,\n.ladda-button[data-style=zoom-in] .ladda-label,\n.ladda-button[data-style=zoom-out],\n.ladda-button[data-style=zoom-out] .ladda-spinner,\n.ladda-button[data-style=zoom-out] .ladda-label {\n  -webkit-transition: 0.3s ease all !important;\n  -moz-transition: 0.3s ease all !important;\n  -ms-transition: 0.3s ease all !important;\n  -o-transition: 0.3s ease all !important;\n  transition: 0.3s ease all !important;\n}\n\n/*************************************\n * EXPAND LEFT\n */\n.ladda-button[data-style=expand-right] .ladda-spinner {\n  right: -6px;\n}\n.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,\n.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {\n  right: -12px;\n}\n.ladda-button[data-style=expand-right][data-loading] {\n  padding-right: 56px;\n}\n.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {\n    opacity: 1;\n}\n.ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {\n    padding-right: 40px;\n}\n\n/*************************************\n * EXPAND RIGHT\n */\n.ladda-button[data-style=expand-left] .ladda-spinner {\n  left: 26px;\n}\n.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,\n.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {\n  left: 4px;\n}\n.ladda-button[data-style=expand-left][data-loading] {\n  padding-left: 56px;\n}\n.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {\n    opacity: 1;\n}\n.ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {\n    padding-left: 40px;\n}\n\n/*************************************\n * EXPAND UP\n */\n.ladda-button[data-style=expand-up] {\n  overflow: hidden;\n}\n.ladda-button[data-style=expand-up] .ladda-spinner {\n    top: -32px;\n    left: 50%;\n    margin-left: 0;\n}\n.ladda-button[data-style=expand-up][data-loading] {\n    padding-top: 54px;\n}\n.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {\n      opacity: 1;\n      top: 26px;\n      margin-top: 0;\n}\n.ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {\n      padding-top: 32px;\n}\n.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {\n        top: 4px;\n}\n\n/*************************************\n * EXPAND DOWN\n */\n.ladda-button[data-style=expand-down] {\n  overflow: hidden;\n}\n.ladda-button[data-style=expand-down] .ladda-spinner {\n    top: 62px;\n    left: 50%;\n    margin-left: 0;\n}\n.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,\n  .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {\n    top: 40px;\n}\n.ladda-button[data-style=expand-down][data-loading] {\n    padding-bottom: 54px;\n}\n.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {\n      opacity: 1;\n}\n.ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {\n      padding-bottom: 32px;\n}\n\n/*************************************\n * SLIDE LEFT\n */\n.ladda-button[data-style=slide-left] {\n  overflow: hidden;\n}\n.ladda-button[data-style=slide-left] .ladda-label {\n    position: relative;\n}\n.ladda-button[data-style=slide-left] .ladda-spinner {\n    left: 100%;\n    margin-left: 0;\n}\n.ladda-button[data-style=slide-left][data-loading] .ladda-label {\n    opacity: 0;\n    left: -100%;\n}\n.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {\n    opacity: 1;\n    left: 50%;\n}\n\n/*************************************\n * SLIDE RIGHT\n */\n.ladda-button[data-style=slide-right] {\n  overflow: hidden;\n}\n.ladda-button[data-style=slide-right] .ladda-label {\n    position: relative;\n}\n.ladda-button[data-style=slide-right] .ladda-spinner {\n    right: 100%;\n    margin-left: 0;\n    left: 16px;\n}\n.ladda-button[data-style=slide-right][data-loading] .ladda-label {\n    opacity: 0;\n    left: 100%;\n}\n.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {\n    opacity: 1;\n    left: 50%;\n}\n\n/*************************************\n * SLIDE UP\n */\n.ladda-button[data-style=slide-up] {\n  overflow: hidden;\n}\n.ladda-button[data-style=slide-up] .ladda-label {\n    position: relative;\n}\n.ladda-button[data-style=slide-up] .ladda-spinner {\n    left: 50%;\n    margin-left: 0;\n    margin-top: 1em;\n}\n.ladda-button[data-style=slide-up][data-loading] .ladda-label {\n    opacity: 0;\n    top: -1em;\n}\n.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {\n    opacity: 1;\n    margin-top: 0;\n}\n\n/*************************************\n * SLIDE DOWN\n */\n.ladda-button[data-style=slide-down] {\n  overflow: hidden;\n}\n.ladda-button[data-style=slide-down] .ladda-label {\n    position: relative;\n}\n.ladda-button[data-style=slide-down] .ladda-spinner {\n    left: 50%;\n    margin-left: 0;\n    margin-top: -2em;\n}\n.ladda-button[data-style=slide-down][data-loading] .ladda-label {\n    opacity: 0;\n    top: 1em;\n}\n.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {\n    opacity: 1;\n    margin-top: 0;\n}\n\n/*************************************\n * ZOOM-OUT\n */\n.ladda-button[data-style=zoom-out] {\n  overflow: hidden;\n}\n.ladda-button[data-style=zoom-out] .ladda-spinner {\n  left: 50%;\n  margin-left: 32px;\n  -webkit-transform: scale(2.5);\n  -moz-transform: scale(2.5);\n  -ms-transform: scale(2.5);\n  -o-transform: scale(2.5);\n  transform: scale(2.5);\n}\n.ladda-button[data-style=zoom-out] .ladda-label {\n  position: relative;\n  display: inline-block;\n}\n.ladda-button[data-style=zoom-out][data-loading] .ladda-label {\n  opacity: 0;\n  -webkit-transform: scale(0.5);\n  -moz-transform: scale(0.5);\n  -ms-transform: scale(0.5);\n  -o-transform: scale(0.5);\n  transform: scale(0.5);\n}\n.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {\n  opacity: 1;\n  margin-left: 0;\n  -webkit-transform: none;\n  -moz-transform: none;\n  -ms-transform: none;\n  -o-transform: none;\n  transform: none;\n}\n\n/*************************************\n * ZOOM-IN\n */\n.ladda-button[data-style=zoom-in] {\n  overflow: hidden;\n}\n.ladda-button[data-style=zoom-in] .ladda-spinner {\n  left: 50%;\n  margin-left: -16px;\n  -webkit-transform: scale(0.2);\n  -moz-transform: scale(0.2);\n  -ms-transform: scale(0.2);\n  -o-transform: scale(0.2);\n  transform: scale(0.2);\n}\n.ladda-button[data-style=zoom-in] .ladda-label {\n  position: relative;\n  display: inline-block;\n}\n.ladda-button[data-style=zoom-in][data-loading] .ladda-label {\n  opacity: 0;\n  -webkit-transform: scale(2.2);\n  -moz-transform: scale(2.2);\n  -ms-transform: scale(2.2);\n  -o-transform: scale(2.2);\n  transform: scale(2.2);\n}\n.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {\n  opacity: 1;\n  margin-left: 0;\n  -webkit-transform: none;\n  -moz-transform: none;\n  -ms-transform: none;\n  -o-transform: none;\n  transform: none;\n}\n\n/*************************************\n * CONTRACT\n */\n.ladda-button[data-style=contract] {\n  overflow: hidden;\n  width: 100px;\n}\n.ladda-button[data-style=contract] .ladda-spinner {\n  left: 50%;\n  margin-left: 0;\n}\n.ladda-button[data-style=contract][data-loading] {\n  border-radius: 50%;\n  width: 52px;\n}\n.ladda-button[data-style=contract][data-loading] .ladda-label {\n  opacity: 0;\n}\n.ladda-button[data-style=contract][data-loading] .ladda-spinner {\n  opacity: 1;\n}\n\n/*************************************\n * OVERLAY\n */\n.ladda-button[data-style=contract-overlay] {\n  overflow: hidden;\n  width: 100px;\n  box-shadow: 0px 0px 0px 2000px transparent;\n}\n.ladda-button[data-style=contract-overlay] .ladda-spinner {\n  left: 50%;\n  margin-left: 0;\n}\n.ladda-button[data-style=contract-overlay][data-loading] {\n  border-radius: 50%;\n  width: 52px;\n  /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/\n  box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);\n}\n.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {\n  opacity: 0;\n}\n.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {\n  opacity: 1;\n}\n\n/*************************************\n * CONFIG\n */\n/*************************************\n * BUTTON THEME\n */\n.ladda-button {\n  background: #666;\n  border: 0;\n  padding: 14px 18px;\n  font-size: 18px;\n  cursor: pointer;\n  color: #fff;\n  border-radius: 2px;\n  border: 1px solid transparent;\n  -webkit-appearance: none;\n  -webkit-font-smoothing: antialiased;\n  -webkit-tap-highlight-color: transparent;\n}\n.ladda-button:hover {\n    border-color: rgba(0, 0, 0, 0.07);\n    background-color: #888;\n}\n.ladda-button[data-color=green] {\n    background: #2aca76;\n}\n.ladda-button[data-color=green]:hover {\n      background-color: #38d683;\n}\n.ladda-button[data-color=blue] {\n    background: #53b5e6;\n}\n.ladda-button[data-color=blue]:hover {\n      background-color: #69bfe9;\n}\n.ladda-button[data-color=red] {\n    background: #ea8557;\n}\n.ladda-button[data-color=red]:hover {\n      background-color: #ed956e;\n}\n.ladda-button[data-color=purple] {\n    background: #9973C2;\n}\n.ladda-button[data-color=purple]:hover {\n      background-color: #a685ca;\n}\n.ladda-button[data-color=mint] {\n    background: #16a085;\n}\n.ladda-button[data-color=mint]:hover {\n      background-color: #19b698;\n}\n.ladda-button[disabled], .ladda-button[data-loading] {\n    border-color: rgba(0, 0, 0, 0.07);\n}\n.ladda-button[disabled], .ladda-button[disabled]:hover, .ladda-button[data-loading], .ladda-button[data-loading]:hover {\n      cursor: default;\n      background-color: #999;\n}\n.ladda-button[data-size=xs] {\n    padding: 4px 8px;\n}\n.ladda-button[data-size=xs] .ladda-label {\n      font-size: 0.7em;\n}\n.ladda-button[data-size=s] {\n    padding: 6px 10px;\n}\n.ladda-button[data-size=s] .ladda-label {\n      font-size: 0.9em;\n}\n.ladda-button[data-size=l] .ladda-label {\n    font-size: 1.2em;\n}\n.ladda-button[data-size=xl] .ladda-label {\n    font-size: 1.5em;\n}\n',""])},function(n,t){function a(n,t){var a=n[1]||"",o=n[3];if(!o)return a;if(t&&"function"==typeof btoa){var d=e(o);return[a].concat(o.sources.map(function(n){return"/*# sourceURL="+o.sourceRoot+n+" */"})).concat([d]).join("\n")}return[a].join("\n")}function e(n){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(n))))+" */"}n.exports=function(n){var t=[];return t.toString=function(){return this.map(function(t){var e=a(t,n);return t[2]?"@media "+t[2]+"{"+e+"}":e}).join("")},t.i=function(n,a){"string"==typeof n&&(n=[[null,n,""]]);for(var e={},o=0;o<this.length;o++){var d=this[o][0];"number"==typeof d&&(e[d]=!0)}for(o=0;o<n.length;o++){var i=n[o];"number"==typeof i[0]&&e[i[0]]||(a&&!i[2]?i[2]=a:a&&(i[2]="("+i[2]+") and ("+a+")"),t.push(i))}},t}},function(n,t,a){/*!
+ * Ladda
+ * http://lab.hakim.se/ladda
+ * MIT licensed
+ *
+ * Copyright (C) 2016 Hakim El Hattab, http://hakim.se
+ */
+!function(t,e){n.exports=e(a(6))}(0,function(n){"use strict";function t(n){if(void 0===n)return void console.warn("Ladda button target must be defined.");if(/ladda-button/i.test(n.className)||(n.className+=" ladda-button"),n.hasAttribute("data-style")||n.setAttribute("data-style","expand-right"),!n.querySelector(".ladda-label")){var t=document.createElement("span");t.className="ladda-label",l(n,t)}var a,e=n.querySelector(".ladda-spinner");e||(e=document.createElement("span"),e.className="ladda-spinner"),n.appendChild(e);var o,d={start:function(){return a||(a=i(n)),n.setAttribute("disabled",""),n.setAttribute("data-loading",""),clearTimeout(o),a.spin(e),this.setProgress(0),this},startAfter:function(n){return clearTimeout(o),o=setTimeout(function(){d.start()},n),this},stop:function(){return n.removeAttribute("disabled"),n.removeAttribute("data-loading"),clearTimeout(o),a&&(o=setTimeout(function(){a.stop()},1e3)),this},toggle:function(){return this.isLoading()?this.stop():this.start(),this},setProgress:function(t){t=Math.max(Math.min(t,1),0);var a=n.querySelector(".ladda-progress");0===t&&a&&a.parentNode?a.parentNode.removeChild(a):(a||(a=document.createElement("div"),a.className="ladda-progress",n.appendChild(a)),a.style.width=(t||0)*n.offsetWidth+"px")},enable:function(){return this.stop(),this},disable:function(){return this.stop(),n.setAttribute("disabled",""),this},isLoading:function(){return n.hasAttribute("data-loading")},remove:function(){clearTimeout(o),n.removeAttribute("disabled",""),n.removeAttribute("data-loading",""),a&&(a.stop(),a=null);for(var t=0,e=s.length;t<e;t++)if(d===s[t]){s.splice(t,1);break}}};return s.push(d),d}function a(n,t){for(;n.parentNode&&n.tagName!==t;)n=n.parentNode;return t===n.tagName?n:void 0}function e(n){for(var t=["input","textarea","select"],a=[],e=0;e<t.length;e++)for(var o=n.getElementsByTagName(t[e]),d=0;d<o.length;d++)o[d].hasAttribute("required")&&a.push(o[d]);return a}function o(n,o){o=o||{};var d=[];"string"==typeof n?d=r(document.querySelectorAll(n)):"object"==typeof n&&"string"==typeof n.nodeName&&(d=[n]);for(var i=0,l=d.length;i<l;i++)!function(){var n=d[i];if("function"==typeof n.addEventListener){var r=t(n),l=-1;n.addEventListener("click",function(t){var d=!0,i=a(n,"FORM");if(void 0!==i)if("function"==typeof i.checkValidity)d=i.checkValidity();else for(var s=e(i),u=0;u<s.length;u++)""===s[u].value.replace(/^\s+|\s+$/g,"")&&(d=!1),"checkbox"!==s[u].type&&"radio"!==s[u].type||s[u].checked||(d=!1),"email"===s[u].type&&(d=/^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$/.test(s[u].value));d&&(r.startAfter(1),"number"==typeof o.timeout&&(clearTimeout(l),l=setTimeout(r.stop,o.timeout)),"function"==typeof o.callback&&o.callback.apply(null,[r]))},!1)}}()}function d(){for(var n=0,t=s.length;n<t;n++)s[n].stop()}function i(t){var a,e,o=t.offsetHeight;0===o&&(o=parseFloat(window.getComputedStyle(t).height)),o>32&&(o*=.8),t.hasAttribute("data-spinner-size")&&(o=parseInt(t.getAttribute("data-spinner-size"),10)),t.hasAttribute("data-spinner-color")&&(a=t.getAttribute("data-spinner-color")),t.hasAttribute("data-spinner-lines")&&(e=parseInt(t.getAttribute("data-spinner-lines"),10));var d=.2*o,i=.6*d,r=d<7?2:3;return new n({color:a||"#fff",lines:e||12,radius:d,length:i,width:r,zIndex:"auto",top:"auto",left:"auto",className:""})}function r(n){for(var t=[],a=0;a<n.length;a++)t.push(n[a]);return t}function l(n,t){var a=document.createRange();a.selectNodeContents(n),a.surroundContents(t),n.appendChild(t)}var s=[];return{bind:o,create:t,stopAll:d}})},function(n,t,a){!function(t,a){n.exports=a()}(0,function(){"use strict";function n(n,t){var a,e=document.createElement(n||"div");for(a in t)e[a]=t[a];return e}function t(n){for(var t=1,a=arguments.length;t<a;t++)n.appendChild(arguments[t]);return n}function a(n,t,a,e){var o=["opacity",t,~~(100*n),a,e].join("-"),d=.01+a/e*100,i=Math.max(1-(1-n)/t*(100-d),n),r=l.substring(0,l.indexOf("Animation")).toLowerCase(),s=r&&"-"+r+"-"||"";return u[o]||(p.insertRule("@"+s+"keyframes "+o+"{0%{opacity:"+i+"}"+d+"%{opacity:"+n+"}"+(d+.01)+"%{opacity:1}"+(d+t)%100+"%{opacity:"+n+"}100%{opacity:"+i+"}}",p.cssRules.length),u[o]=1),o}function e(n,t){var a,e,o=n.style;for(t=t.charAt(0).toUpperCase()+t.slice(1),e=0;e<s.length;e++)if(a=s[e]+t,void 0!==o[a])return a;if(void 0!==o[t])return t}function o(n,t){for(var a in t)n.style[e(n,a)||a]=t[a];return n}function d(n){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var e in a)void 0===n[e]&&(n[e]=a[e])}return n}function i(n,t){return"string"==typeof n?n:n[t%n.length]}function r(n){this.opts=d(n||{},r.defaults,c)}var l,s=["webkit","Moz","ms","O"],u={},p=function(){var a=n("style",{type:"text/css"});return t(document.getElementsByTagName("head")[0],a),a.sheet||a.styleSheet}(),c={lines:12,length:7,width:5,radius:10,rotate:0,corners:1,color:"#000",direction:1,speed:1,trail:100,opacity:.25,fps:20,zIndex:2e9,className:"spinner",top:"50%",left:"50%",position:"absolute"};r.defaults={},d(r.prototype,{spin:function(t){this.stop();var a=this,e=a.opts,d=a.el=o(n(0,{className:e.className}),{position:e.position,width:0,zIndex:e.zIndex});e.radius,e.length,e.width;if(o(d,{left:e.left,top:e.top}),t&&t.insertBefore(d,t.firstChild||null),d.setAttribute("role","progressbar"),a.lines(d,a.opts),!l){var i,r=0,s=(e.lines-1)*(1-e.direction)/2,u=e.fps,p=u/e.speed,c=(1-e.opacity)/(p*e.trail/100),f=p/e.lines;!function n(){r++;for(var t=0;t<e.lines;t++)i=Math.max(1-(r+(e.lines-t)*f)%p*c,e.opacity),a.opacity(d,t*e.direction+s,i,e);a.timeout=a.el&&setTimeout(n,~~(1e3/u))}()}return a},stop:function(){var n=this.el;return n&&(clearTimeout(this.timeout),n.parentNode&&n.parentNode.removeChild(n),this.el=void 0),this},lines:function(e,d){function r(t,a){return o(n(),{position:"absolute",width:d.length+d.width+"px",height:d.width+"px",background:t,boxShadow:a,transformOrigin:"left",transform:"rotate("+~~(360/d.lines*u+d.rotate)+"deg) translate("+d.radius+"px,0)",borderRadius:(d.corners*d.width>>1)+"px"})}for(var s,u=0,p=(d.lines-1)*(1-d.direction)/2;u<d.lines;u++)s=o(n(),{position:"absolute",top:1+~(d.width/2)+"px",transform:d.hwaccel?"translate3d(0,0,0)":"",opacity:d.opacity,animation:l&&a(d.opacity,d.trail,p+u*d.direction,d.lines)+" "+1/d.speed+"s linear infinite"}),d.shadow&&t(s,o(r("#000","0 0 4px #000"),{top:"2px"})),t(e,t(s,r(i(d.color,u),"0 0 1px rgba(0,0,0,.1)")));return e},opacity:function(n,t,a){t<n.childNodes.length&&(n.childNodes[t].style.opacity=a)}});var f=o(n("group"),{behavior:"url(#default#VML)"});return!e(f,"transform")&&f.adj?function(){function a(t,a){return n("<"+t+' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">',a)}p.addRule(".spin-vml","behavior:url(#default#VML)"),r.prototype.lines=function(n,e){function d(){return o(a("group",{coordsize:u+" "+u,coordorigin:-s+" "+-s}),{width:u,height:u})}function r(n,r,l){t(c,t(o(d(),{rotation:360/e.lines*n+"deg",left:~~r}),t(o(a("roundrect",{arcsize:e.corners}),{width:s,height:e.width,left:e.radius,top:-e.width>>1,filter:l}),a("fill",{color:i(e.color,n),opacity:e.opacity}),a("stroke",{opacity:0}))))}var l,s=e.length+e.width,u=2*s,p=2*-(e.width+e.length)+"px",c=o(d(),{position:"absolute",top:p,left:p});if(e.shadow)for(l=1;l<=e.lines;l++)r(l,-2,"progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)");for(l=1;l<=e.lines;l++)r(l);return t(n,c)},r.prototype.opacity=function(n,t,a,e){var o=n.firstChild;e=e.shadow&&e.lines||0,o&&t+e<o.childNodes.length&&(o=o.childNodes[t+e],o=o&&o.firstChild,(o=o&&o.firstChild)&&(o.opacity=a))}}():l=e(f,"animation"),r})},function(n,t){n.exports=function(n,t,a,e){var o,d=n=n||{},i=typeof n.default;"object"!==i&&"function"!==i||(o=n,d=n.default);var r="function"==typeof d?d.options:d;if(t&&(r.render=t.render,r.staticRenderFns=t.staticRenderFns),a&&(r._scopeId=a),e){var l=Object.create(r.computed||null);Object.keys(e).forEach(function(n){var t=e[n];l[n]=function(){return t}}),r.computed=l}return{esModule:o,exports:d,options:r}}},function(n,t,a){n.exports={render:function(){var n=this,t=n.$createElement,a=n._self._c||t;return a("button",{ref:"ladda",staticClass:"ladda-button",attrs:{"data-style":n.dataStyle},on:{click:n.handleClick}},[a("span",{staticClass:"ladda-label"},[n._t("default",[n._v("Submit")])],2)])},staticRenderFns:[]},n.exports.render._withStripped=!0},function(n,t,a){var e=a(3);"string"==typeof e&&(e=[[n.i,e,""]]),e.locals&&(n.exports=e.locals);a(10)("e5cb09de",e,!1)},function(n,t,a){function e(n){for(var t=0;t<n.length;t++){var a=n[t],e=u[a.id];if(e){e.refs++;for(var o=0;o<e.parts.length;o++)e.parts[o](a.parts[o]);for(;o<a.parts.length;o++)e.parts.push(d(a.parts[o]));e.parts.length>a.parts.length&&(e.parts.length=a.parts.length)}else{for(var i=[],o=0;o<a.parts.length;o++)i.push(d(a.parts[o]));u[a.id]={id:a.id,refs:1,parts:i}}}}function o(){var n=document.createElement("style");return n.type="text/css",p.appendChild(n),n}function d(n){var t,a,e=document.querySelector('style[data-vue-ssr-id~="'+n.id+'"]');if(e){if(b)return m;e.parentNode.removeChild(e)}if(h){var d=f++;e=c||(c=o()),t=i.bind(null,e,d,!1),a=i.bind(null,e,d,!0)}else e=o(),t=r.bind(null,e),a=function(){e.parentNode.removeChild(e)};return t(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;t(n=e)}else a()}}function i(n,t,a,e){var o=a?"":e.css;if(n.styleSheet)n.styleSheet.cssText=g(t,o);else{var d=document.createTextNode(o),i=n.childNodes;i[t]&&n.removeChild(i[t]),i.length?n.insertBefore(d,i[t]):n.appendChild(d)}}function r(n,t){var a=t.css,e=t.media,o=t.sourceMap;if(e&&n.setAttribute("media",e),o&&(a+="\n/*# sourceURL="+o.sources[0]+" */",a+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */"),n.styleSheet)n.styleSheet.cssText=a;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(a))}}var l="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!l)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var s=a(11),u={},p=l&&(document.head||document.getElementsByTagName("head")[0]),c=null,f=0,b=!1,m=function(){},h="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());n.exports=function(n,t,a){b=a;var o=s(n,t);return e(o),function(t){for(var a=[],d=0;d<o.length;d++){var i=o[d],r=u[i.id];r.refs--,a.push(r)}t?(o=s(n,t),e(o)):o=[];for(var d=0;d<a.length;d++){var r=a[d];if(0===r.refs){for(var l=0;l<r.parts.length;l++)r.parts[l]();delete u[r.id]}}}};var g=function(){var n=[];return function(t,a){return n[t]=a,n.filter(Boolean).join("\n")}}()},function(n,t){n.exports=function(n,t){for(var a=[],e={},o=0;o<t.length;o++){var d=t[o],i=d[0],r=d[1],l=d[2],s=d[3],u={id:n+":"+o,css:r,media:l,sourceMap:s};e[i]?e[i].parts.push(u):a.push(e[i]={id:i,parts:[u]})}return a}}])});
\ No newline at end of file
diff --git a/package.json b/package.json
index dad2eb2..70b234b 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,10 @@
   "homepage": "https://github.com/zcfan/vue-ladda",
   "main": "dist/vue-ladda.js",
   "scripts": {
-    "build": "webpack --config ./build/webpack.prod.config.js",
-    "test": "karma start"
+    "build-js": "webpack --config ./build/webpack.prod.config.js",
+    "build-doc": "cp dist/vue-ladda.js docs/",
+    "test": "karma start",
+    "publish": "npm run test && npm run build-js && npm run build-doc && npm version patch && git push && git push --tags && npm publish"
   },
   "repository": {
     "type": "git",