vue-loading-button - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/vue-loading-button.esm.js

@@ -1,3 +0,2 @@
-(function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" /* reset */ .vue-loading-button[data-v-017a7310] { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; text-transform: none; -webkit-appearance: button; } .vue-loading-button[data-v-017a7310]::-moz-focus-inner { border-style: none; padding: 0; } .vue-loading-button[data-v-017a7310]:-moz-focusring { outline: 1px dotted ButtonText; } /* styles */ .vue-loading-button[data-v-017a7310] { color: white; background-color: blue; border: solid 1px transparent; border-radius: 4px; cursor: pointer; padding: 8px 14px; line-height: 28px; font-size: 20px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; transition-timing-function: ease-in; overflow: hidden; } .vue-loading-button[data-v-017a7310]:focus { outline: none; box-shadow: 0 0 0 3px lightblue, 0 0 0 1.5px lightblue; } .vue-loading-button > .spinner[data-v-017a7310] { line-height: 1.15; position: absolute; top: 50%; left: auto; right: 1.2em; margin: -0.5em; -webkit-transition: all 0.3s; transition: all 0.3s; transition-timing-function: ease-in; } .spinner span[data-v-017a7310] { box-sizing: border-box; display: inline-block; position: absolute; right: 0; width: 20px; height: 20px; opacity: 0; border: 4px solid #fff; border-radius: 50%; animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; transition-timing-function: ease; } .spinner span[data-v-017a7310]:nth-child(1) { animation-delay: -0.45s; } .spinner span[data-v-017a7310]:nth-child(2) { animation-delay: -0.3s; } .spinner span[data-v-017a7310]:nth-child(3) { animation-delay: -0.15s; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading[data-v-017a7310] { padding-right: 2.5em; } .loading .spinner span[data-v-017a7310] { opacity: 1; } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
-var component = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:{ 'vue-loading-button': true, 'loading': _vm.loading, },attrs:{"type":"button"}},[_vm._t("default",[_vm._v("Submit")]),_vm._v(" "),_vm._m(0)],2)},staticRenderFns: [function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"spinner"},[_c('span'),_vm._v(" "),_c('span'),_vm._v(" "),_c('span'),_vm._v(" "),_c('span')])}],_scopeId: 'data-v-017a7310',
+var script = {
   name: "VueLoadingButton",
@@ -13,2 +12,195 @@ props: {
 
+function normalizeComponent(compiledTemplate, injectStyle, defaultExport, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, isShadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+    if (typeof isShadowMode === 'function') {
+        createInjectorSSR = createInjector;
+        createInjector = isShadowMode;
+        isShadowMode = false;
+    }
+    // Vue.extend constructor export interop
+    var options = typeof defaultExport === 'function' ? defaultExport.options : defaultExport;
+    // render functions
+    if (compiledTemplate && compiledTemplate.render) {
+        options.render = compiledTemplate.render;
+        options.staticRenderFns = compiledTemplate.staticRenderFns;
+        options._compiled = true;
+        // functional template
+        if (isFunctionalTemplate) {
+            options.functional = true;
+        }
+    }
+    // scopedId
+    if (scopeId) {
+        options._scopeId = scopeId;
+    }
+    var hook;
+    if (moduleIdentifier) {
+        // server build
+        hook = function (context) {
+            // 2.3 injection
+            context =
+                context || // cached call
+                    (this.$vnode && this.$vnode.ssrContext) || // stateful
+                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+            // 2.2 with runInNewContext: true
+            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                context = __VUE_SSR_CONTEXT__;
+            }
+            // inject component styles
+            if (injectStyle) {
+                injectStyle.call(this, createInjectorSSR(context));
+            }
+            // register component module identifier for async chunk inference
+            if (context && context._registeredComponents) {
+                context._registeredComponents.add(moduleIdentifier);
+            }
+        };
+        // used by ssr in case component is cached and beforeCreate
+        // never gets called
+        options._ssrRegister = hook;
+    }
+    else if (injectStyle) {
+        hook = isShadowMode
+            ? function () {
+                injectStyle.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
+            }
+            : function (context) {
+                injectStyle.call(this, createInjector(context));
+            };
+    }
+    if (hook) {
+        if (options.functional) {
+            // register for functional component in vue file
+            var originalRender = options.render;
+            options.render = function renderWithStyleInjection(h, context) {
+                hook.call(context);
+                return originalRender(h, context);
+            };
+        }
+        else {
+            // inject component registration as beforeCreate hook
+            var existing = options.beforeCreate;
+            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+    }
+    return defaultExport;
+}
+
+var isOldIE = typeof navigator !== 'undefined' &&
+    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+function createInjector(context) {
+    return function (id, style) { return addStyle(id, style); };
+}
+var HEAD = document.head || document.getElementsByTagName('head')[0];
+var styles = {};
+function addStyle(id, css) {
+    var group = isOldIE ? css.media || 'default' : id;
+    var style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+    if (!style.ids.has(id)) {
+        style.ids.add(id);
+        var code = css.source;
+        if (css.map) {
+            // https://developer.chrome.com/devtools/docs/javascript-debugging
+            // this makes source maps inside style tags work properly in Chrome
+            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+            // http://stackoverflow.com/a/26603875
+            code +=
+                '\n/*# sourceMappingURL=data:application/json;base64,' +
+                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                    ' */';
+        }
+        if (!style.element) {
+            style.element = document.createElement('style');
+            style.element.type = 'text/css';
+            if (css.media)
+                { style.element.setAttribute('media', css.media); }
+            HEAD.appendChild(style.element);
+        }
+        if ('styleSheet' in style.element) {
+            style.styles.push(code);
+            style.element.styleSheet.cssText = style.styles
+                .filter(Boolean)
+                .join('\n');
+        }
+        else {
+            var index = style.ids.size - 1;
+            var textNode = document.createTextNode(code);
+            var nodes = style.element.childNodes;
+            if (nodes[index])
+                { style.element.removeChild(nodes[index]); }
+            if (nodes.length)
+                { style.element.insertBefore(textNode, nodes[index]); }
+            else
+                { style.element.appendChild(textNode); }
+        }
+    }
+}
+
+/* script */
+var __vue_script__ = script;
+// For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258
+script.__file = "C:\\Users\\William L\\GitHub\\vue-loading-button\\src\\vue-loading-button.vue";
+
+/* template */
+var __vue_render__ = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c(
+    "button",
+    {
+      class: {
+        "vue-loading-button": true,
+        loading: _vm.loading
+      },
+      attrs: { type: "button" }
+    },
+    [_vm._t("default", [_vm._v("Submit")]), _vm._v(" "), _vm._m(0)],
+    2
+  )
+};
+var __vue_staticRenderFns__ = [
+  function() {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c("span", { staticClass: "spinner" }, [
+      _c("span"),
+      _vm._v(" "),
+      _c("span"),
+      _vm._v(" "),
+      _c("span"),
+      _vm._v(" "),
+      _c("span")
+    ])
+  }
+];
+__vue_render__._withStripped = true;
+
+  /* style */
+  var __vue_inject_styles__ = function (inject) {
+    if (!inject) { return }
+    inject("data-v-2a9079c4_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* reset */\n.vue-loading-button[data-v-2a9079c4] {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n}\n.vue-loading-button[data-v-2a9079c4]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n.vue-loading-button[data-v-2a9079c4]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n/* styles */\n.vue-loading-button[data-v-2a9079c4] {\n  color: white;\n  background-color: blue;\n  border: solid 1px transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 8px 14px;\n  line-height: 28px;\n  font-size: 20px;\n  position: relative;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n  overflow: hidden;\n}\n.vue-loading-button[data-v-2a9079c4]:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px lightblue,\n    0 0 0 1.5px lightblue;\n}\n.vue-loading-button[data-v-2a9079c4]:not(.loading) {\n  transition-delay: 0.3s;\n}\n.vue-loading-button > .spinner[data-v-2a9079c4] {\n  line-height: 1.15;\n  position: absolute;\n  top: 50%;\n  left: auto;\n  right: 1.2em;\n  margin: -0.5em;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n}\n.spinner span[data-v-2a9079c4] {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  right: 0;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: spinner-data-v-2a9079c4 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0.2s;\n}\n.vue-loading-button:not(.loading) .spinner span[data-v-2a9079c4] {\n  transition-delay: 0s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes spinner-data-v-2a9079c4 {\n0% {\n    transform: rotate(0deg);\n}\n100% {\n    transform: rotate(360deg);\n}\n}\n.loading[data-v-2a9079c4] {\n  padding-right: 2.5em;\n}\n.loading .spinner span[data-v-2a9079c4] {\n  opacity: 1;\n}\n", map: {"version":3,"sources":["C:\\Users\\William L\\GitHub\\vue-loading-button/C:\\Users\\William L\\GitHub\\vue-loading-button\\src\\vue-loading-button.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAA;AACA;EACA,oBAAA;EACA,eAAA;EACA,iBAAA;EACA,SAAA;EACA,iBAAA;EACA,oBAAA;EACA,0BAAA;AACA;AACA;EACA,kBAAA;EACA,UAAA;AACA;AACA;EACA,8BAAA;AACA;AACA,WAAA;AACA;EACA,YAAA;EACA,sBAAA;EACA,6BAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,4BAAA;EACA,oBAAA;EACA,mCAAA;EACA,gBAAA;AACA;AACA;EACA,aAAA;EACA;yBACA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,iBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,4BAAA;EACA,oBAAA;EACA,mCAAA;AACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,sBAAA;EACA,kBAAA;EACA,6EAAA;EACA,sDAAA;EACA,gCAAA;EACA,wBAAA;EACA,gCAAA;EACA,sBAAA;AACA;AACA;EACA,oBAAA;AACA;AACA;EACA,uBAAA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,uBAAA;AACA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,yBAAA;AACA;AACA;AACA;EACA,oBAAA;AACA;AACA;EACA,UAAA;AACA","file":"vue-loading-button.vue","sourcesContent":["<script>\nexport default {\n  name: \"VueLoadingButton\",\n  props: {\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n  },\n};\n</script>\n\n<template>\n  <button\n    :class=\"{\n      'vue-loading-button': true,\n      'loading': loading,\n    }\"\n    type=\"button\"\n  >\n    <slot>Submit</slot>\n    <span class=\"spinner\">\n      <span></span>\n      <span></span>\n      <span></span>\n      <span></span>\n    </span>\n  </button>\n</template>\n\n<style scoped>\n/* reset */\n.vue-loading-button {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n}\n.vue-loading-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n.vue-loading-button:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n/* styles */\n.vue-loading-button {\n  color: white;\n  background-color: blue;\n  border: solid 1px transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 8px 14px;\n  line-height: 28px;\n  font-size: 20px;\n  position: relative;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n  overflow: hidden;\n}\n.vue-loading-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px lightblue,\n    0 0 0 1.5px lightblue;\n}\n.vue-loading-button:not(.loading) {\n  transition-delay: 0.3s;\n}\n.vue-loading-button > .spinner {\n  line-height: 1.15;\n  position: absolute;\n  top: 50%;\n  left: auto;\n  right: 1.2em;\n  margin: -0.5em;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n}\n.spinner span {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  right: 0;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0.2s;\n}\n.vue-loading-button:not(.loading) .spinner span {\n  transition-delay: 0s;\n}\n.spinner span:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.spinner span:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.spinner span:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loading {\n  padding-right: 2.5em;\n}\n.loading .spinner span {\n  opacity: 1;\n}\n</style>\n"]}, media: undefined });
+
+  };
+  /* scoped */
+  var __vue_scope_id__ = "data-v-2a9079c4";
+  /* module identifier */
+  var __vue_module_identifier__ = undefined;
+  /* functional template */
+  var __vue_is_functional_template__ = false;
+  /* style inject SSR */
+  
+
+  
+  var component = normalizeComponent(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    createInjector,
+    undefined
+  )
+
 // install function executed by Vue.use()
@@ -15,0 +207,0 @@ function install(Vue) {

dist/vue-loading-button.min.js

@@ -1,1 +0,1 @@
-var VueLoadingButton=function(t){"use strict";function n(t){n.installed||(n.installed=!0,t.component("VueLoadingButton",e))}!function(){if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style"),e=" /* reset */ .vue-loading-button[data-v-017a7310] { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; text-transform: none; -webkit-appearance: button; } .vue-loading-button[data-v-017a7310]::-moz-focus-inner { border-style: none; padding: 0; } .vue-loading-button[data-v-017a7310]:-moz-focusring { outline: 1px dotted ButtonText; } /* styles */ .vue-loading-button[data-v-017a7310] { color: white; background-color: blue; border: solid 1px transparent; border-radius: 4px; cursor: pointer; padding: 8px 14px; line-height: 28px; font-size: 20px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; transition-timing-function: ease-in; overflow: hidden; } .vue-loading-button[data-v-017a7310]:focus { outline: none; box-shadow: 0 0 0 3px lightblue, 0 0 0 1.5px lightblue; } .vue-loading-button > .spinner[data-v-017a7310] { line-height: 1.15; position: absolute; top: 50%; left: auto; right: 1.2em; margin: -0.5em; -webkit-transition: all 0.3s; transition: all 0.3s; transition-timing-function: ease-in; } .spinner span[data-v-017a7310] { box-sizing: border-box; display: inline-block; position: absolute; right: 0; width: 20px; height: 20px; opacity: 0; border: 4px solid #fff; border-radius: 50%; animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; transition-timing-function: ease; } .spinner span[data-v-017a7310]:nth-child(1) { animation-delay: -0.45s; } .spinner span[data-v-017a7310]:nth-child(2) { animation-delay: -0.3s; } .spinner span[data-v-017a7310]:nth-child(3) { animation-delay: -0.15s; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading[data-v-017a7310] { padding-right: 2.5em; } .loading .spinner span[data-v-017a7310] { opacity: 1; } ";n.type="text/css",n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e)),t.appendChild(n)}}();var e={render:function(){var t=this,n=t.$createElement;return(t._self._c||n)("button",{class:{"vue-loading-button":!0,loading:t.loading},attrs:{type:"button"}},[t._t("default",[t._v("Submit")]),t._v(" "),t._m(0)],2)},staticRenderFns:[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("span",{staticClass:"spinner"},[e("span"),t._v(" "),e("span"),t._v(" "),e("span"),t._v(" "),e("span")])}],_scopeId:"data-v-017a7310",name:"VueLoadingButton",props:{loading:{type:Boolean,required:!1,default:!1}}},a={install:n},i=null;return"undefined"!=typeof window?i=window.Vue:"undefined"!=typeof global&&(i=global.Vue),i&&i.use(a),t.install=n,t.default=e,t}({});
+var VueLoadingButton=function(n){"use strict";function t(n){return function(n,t){return e(n,t)}}function e(n,t){var e=a?t.media||"default":n,A=s[e]||(s[e]={ids:new Set,styles:[]});if(!A.ids.has(n)){A.ids.add(n);var i=t.source;if(t.map&&(i+="\n/*# sourceURL="+t.map.sources[0]+" */",i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),A.element||(A.element=document.createElement("style"),A.element.type="text/css",t.media&&A.element.setAttribute("media",t.media),o.appendChild(A.element)),"styleSheet"in A.element)A.styles.push(i),A.element.styleSheet.cssText=A.styles.filter(Boolean).join("\n");else{var r=A.ids.size-1,l=document.createTextNode(i),d=A.element.childNodes;d[r]&&A.element.removeChild(d[r]),d.length?A.element.insertBefore(l,d[r]):A.element.appendChild(l)}}}function A(n){A.installed||(A.installed=!0,n.component("VueLoadingButton",u))}var i={name:"VueLoadingButton",props:{loading:{type:Boolean,required:!1,default:!1}}},a="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase()),o=document.head||document.getElementsByTagName("head")[0],s={},r=i;i.__file="C:\\Users\\William L\\GitHub\\vue-loading-button\\src\\vue-loading-button.vue";var l=function(){var n=this,t=n.$createElement;return(n._self._c||t)("button",{class:{"vue-loading-button":!0,loading:n.loading},attrs:{type:"button"}},[n._t("default",[n._v("Submit")]),n._v(" "),n._m(0)],2)},d=[function(){var n=this,t=n.$createElement,e=n._self._c||t;return e("span",{staticClass:"spinner"},[e("span"),n._v(" "),e("span"),n._v(" "),e("span"),n._v(" "),e("span")])}];l._withStripped=!0;var u=function(n,t,e,A,i,a,o,s,r,l){"function"==typeof o&&(r=s,s=o,o=!1);var d="function"==typeof e?e.options:e;n&&n.render&&(d.render=n.render,d.staticRenderFns=n.staticRenderFns,d._compiled=!0,i&&(d.functional=!0)),A&&(d._scopeId=A);var u;if(a?(u=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),t&&t.call(this,r(n)),n&&n._registeredComponents&&n._registeredComponents.add(a)},d._ssrRegister=u):t&&(u=o?function(){t.call(this,l(this.$root.$options.shadowRoot))}:function(n){t.call(this,s(n))}),u)if(d.functional){var p=d.render;d.render=function(n,t){return u.call(t),p(n,t)}}else{var c=d.beforeCreate;d.beforeCreate=c?[].concat(c,u):[u]}return e}({render:l,staticRenderFns:d},function(n){n&&n("data-v-2a9079c4_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* reset */\n.vue-loading-button[data-v-2a9079c4] {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n}\n.vue-loading-button[data-v-2a9079c4]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n.vue-loading-button[data-v-2a9079c4]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n/* styles */\n.vue-loading-button[data-v-2a9079c4] {\n  color: white;\n  background-color: blue;\n  border: solid 1px transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 8px 14px;\n  line-height: 28px;\n  font-size: 20px;\n  position: relative;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n  overflow: hidden;\n}\n.vue-loading-button[data-v-2a9079c4]:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px lightblue,\n    0 0 0 1.5px lightblue;\n}\n.vue-loading-button[data-v-2a9079c4]:not(.loading) {\n  transition-delay: 0.3s;\n}\n.vue-loading-button > .spinner[data-v-2a9079c4] {\n  line-height: 1.15;\n  position: absolute;\n  top: 50%;\n  left: auto;\n  right: 1.2em;\n  margin: -0.5em;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n}\n.spinner span[data-v-2a9079c4] {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  right: 0;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: spinner-data-v-2a9079c4 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0.2s;\n}\n.vue-loading-button:not(.loading) .spinner span[data-v-2a9079c4] {\n  transition-delay: 0s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes spinner-data-v-2a9079c4 {\n0% {\n    transform: rotate(0deg);\n}\n100% {\n    transform: rotate(360deg);\n}\n}\n.loading[data-v-2a9079c4] {\n  padding-right: 2.5em;\n}\n.loading .spinner span[data-v-2a9079c4] {\n  opacity: 1;\n}\n",map:{version:3,sources:["C:\\Users\\William L\\GitHub\\vue-loading-button/C:\\Users\\William L\\GitHub\\vue-loading-button\\src\\vue-loading-button.vue"],names:[],mappings:";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAA;AACA;EACA,oBAAA;EACA,eAAA;EACA,iBAAA;EACA,SAAA;EACA,iBAAA;EACA,oBAAA;EACA,0BAAA;AACA;AACA;EACA,kBAAA;EACA,UAAA;AACA;AACA;EACA,8BAAA;AACA;AACA,WAAA;AACA;EACA,YAAA;EACA,sBAAA;EACA,6BAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,4BAAA;EACA,oBAAA;EACA,mCAAA;EACA,gBAAA;AACA;AACA;EACA,aAAA;EACA;yBACA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,iBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,4BAAA;EACA,oBAAA;EACA,mCAAA;AACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,sBAAA;EACA,kBAAA;EACA,6EAAA;EACA,sDAAA;EACA,gCAAA;EACA,wBAAA;EACA,gCAAA;EACA,sBAAA;AACA;AACA;EACA,oBAAA;AACA;AACA;EACA,uBAAA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,uBAAA;AACA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,yBAAA;AACA;AACA;AACA;EACA,oBAAA;AACA;AACA;EACA,UAAA;AACA",file:"vue-loading-button.vue",sourcesContent:['<script>\nexport default {\n  name: "VueLoadingButton",\n  props: {\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n  },\n};\n<\/script>\n\n<template>\n  <button\n    :class="{\n      \'vue-loading-button\': true,\n      \'loading\': loading,\n    }"\n    type="button"\n  >\n    <slot>Submit</slot>\n    <span class="spinner">\n      <span></span>\n      <span></span>\n      <span></span>\n      <span></span>\n    </span>\n  </button>\n</template>\n\n<style scoped>\n/* reset */\n.vue-loading-button {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n}\n.vue-loading-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n.vue-loading-button:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n/* styles */\n.vue-loading-button {\n  color: white;\n  background-color: blue;\n  border: solid 1px transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 8px 14px;\n  line-height: 28px;\n  font-size: 20px;\n  position: relative;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n  overflow: hidden;\n}\n.vue-loading-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px lightblue,\n    0 0 0 1.5px lightblue;\n}\n.vue-loading-button:not(.loading) {\n  transition-delay: 0.3s;\n}\n.vue-loading-button > .spinner {\n  line-height: 1.15;\n  position: absolute;\n  top: 50%;\n  left: auto;\n  right: 1.2em;\n  margin: -0.5em;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n}\n.spinner span {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  right: 0;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0.2s;\n}\n.vue-loading-button:not(.loading) .spinner span {\n  transition-delay: 0s;\n}\n.spinner span:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.spinner span:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.spinner span:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loading {\n  padding-right: 2.5em;\n}\n.loading .spinner span {\n  opacity: 1;\n}\n</style>\n']},media:void 0})},r,"data-v-2a9079c4",!1,void 0,t,void 0),p={install:A},c=null;return"undefined"!=typeof window?c=window.Vue:"undefined"!=typeof global&&(c=global.Vue),c&&c.use(p),n.install=A,n.default=u,n}({});

dist/vue-loading-button.umd.js

@@ -7,4 +7,3 @@ (function (global, factory) {
 
-  (function(){ if(typeof document !== 'undefined'){ var head=document.head||document.getElementsByTagName('head')[0], style=document.createElement('style'), css=" /* reset */ .vue-loading-button[data-v-017a7310] { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; overflow: visible; text-transform: none; -webkit-appearance: button; } .vue-loading-button[data-v-017a7310]::-moz-focus-inner { border-style: none; padding: 0; } .vue-loading-button[data-v-017a7310]:-moz-focusring { outline: 1px dotted ButtonText; } /* styles */ .vue-loading-button[data-v-017a7310] { color: white; background-color: blue; border: solid 1px transparent; border-radius: 4px; cursor: pointer; padding: 8px 14px; line-height: 28px; font-size: 20px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; transition-timing-function: ease-in; overflow: hidden; } .vue-loading-button[data-v-017a7310]:focus { outline: none; box-shadow: 0 0 0 3px lightblue, 0 0 0 1.5px lightblue; } .vue-loading-button > .spinner[data-v-017a7310] { line-height: 1.15; position: absolute; top: 50%; left: auto; right: 1.2em; margin: -0.5em; -webkit-transition: all 0.3s; transition: all 0.3s; transition-timing-function: ease-in; } .spinner span[data-v-017a7310] { box-sizing: border-box; display: inline-block; position: absolute; right: 0; width: 20px; height: 20px; opacity: 0; border: 4px solid #fff; border-radius: 50%; animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #fff transparent transparent transparent; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; transition-timing-function: ease; } .spinner span[data-v-017a7310]:nth-child(1) { animation-delay: -0.45s; } .spinner span[data-v-017a7310]:nth-child(2) { animation-delay: -0.3s; } .spinner span[data-v-017a7310]:nth-child(3) { animation-delay: -0.15s; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading[data-v-017a7310] { padding-right: 2.5em; } .loading .spinner span[data-v-017a7310] { opacity: 1; } "; style.type='text/css'; if (style.styleSheet){ style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } head.appendChild(style); } })();
-  var component = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{class:{ 'vue-loading-button': true, 'loading': _vm.loading, },attrs:{"type":"button"}},[_vm._t("default",[_vm._v("Submit")]),_vm._v(" "),_vm._m(0)],2)},staticRenderFns: [function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:"spinner"},[_c('span'),_vm._v(" "),_c('span'),_vm._v(" "),_c('span'),_vm._v(" "),_c('span')])}],_scopeId: 'data-v-017a7310',
+  var script = {
     name: "VueLoadingButton",
@@ -20,2 +19,195 @@ props: {
 
+  function normalizeComponent(compiledTemplate, injectStyle, defaultExport, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, isShadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
+      if (typeof isShadowMode === 'function') {
+          createInjectorSSR = createInjector;
+          createInjector = isShadowMode;
+          isShadowMode = false;
+      }
+      // Vue.extend constructor export interop
+      var options = typeof defaultExport === 'function' ? defaultExport.options : defaultExport;
+      // render functions
+      if (compiledTemplate && compiledTemplate.render) {
+          options.render = compiledTemplate.render;
+          options.staticRenderFns = compiledTemplate.staticRenderFns;
+          options._compiled = true;
+          // functional template
+          if (isFunctionalTemplate) {
+              options.functional = true;
+          }
+      }
+      // scopedId
+      if (scopeId) {
+          options._scopeId = scopeId;
+      }
+      var hook;
+      if (moduleIdentifier) {
+          // server build
+          hook = function (context) {
+              // 2.3 injection
+              context =
+                  context || // cached call
+                      (this.$vnode && this.$vnode.ssrContext) || // stateful
+                      (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
+              // 2.2 with runInNewContext: true
+              if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+                  context = __VUE_SSR_CONTEXT__;
+              }
+              // inject component styles
+              if (injectStyle) {
+                  injectStyle.call(this, createInjectorSSR(context));
+              }
+              // register component module identifier for async chunk inference
+              if (context && context._registeredComponents) {
+                  context._registeredComponents.add(moduleIdentifier);
+              }
+          };
+          // used by ssr in case component is cached and beforeCreate
+          // never gets called
+          options._ssrRegister = hook;
+      }
+      else if (injectStyle) {
+          hook = isShadowMode
+              ? function () {
+                  injectStyle.call(this, createInjectorShadow(this.$root.$options.shadowRoot));
+              }
+              : function (context) {
+                  injectStyle.call(this, createInjector(context));
+              };
+      }
+      if (hook) {
+          if (options.functional) {
+              // register for functional component in vue file
+              var originalRender = options.render;
+              options.render = function renderWithStyleInjection(h, context) {
+                  hook.call(context);
+                  return originalRender(h, context);
+              };
+          }
+          else {
+              // inject component registration as beforeCreate hook
+              var existing = options.beforeCreate;
+              options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+          }
+      }
+      return defaultExport;
+  }
+
+  var isOldIE = typeof navigator !== 'undefined' &&
+      /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+  function createInjector(context) {
+      return function (id, style) { return addStyle(id, style); };
+  }
+  var HEAD = document.head || document.getElementsByTagName('head')[0];
+  var styles = {};
+  function addStyle(id, css) {
+      var group = isOldIE ? css.media || 'default' : id;
+      var style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
+      if (!style.ids.has(id)) {
+          style.ids.add(id);
+          var code = css.source;
+          if (css.map) {
+              // https://developer.chrome.com/devtools/docs/javascript-debugging
+              // this makes source maps inside style tags work properly in Chrome
+              code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+              // http://stackoverflow.com/a/26603875
+              code +=
+                  '\n/*# sourceMappingURL=data:application/json;base64,' +
+                      btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
+                      ' */';
+          }
+          if (!style.element) {
+              style.element = document.createElement('style');
+              style.element.type = 'text/css';
+              if (css.media)
+                  { style.element.setAttribute('media', css.media); }
+              HEAD.appendChild(style.element);
+          }
+          if ('styleSheet' in style.element) {
+              style.styles.push(code);
+              style.element.styleSheet.cssText = style.styles
+                  .filter(Boolean)
+                  .join('\n');
+          }
+          else {
+              var index = style.ids.size - 1;
+              var textNode = document.createTextNode(code);
+              var nodes = style.element.childNodes;
+              if (nodes[index])
+                  { style.element.removeChild(nodes[index]); }
+              if (nodes.length)
+                  { style.element.insertBefore(textNode, nodes[index]); }
+              else
+                  { style.element.appendChild(textNode); }
+          }
+      }
+  }
+
+  /* script */
+  var __vue_script__ = script;
+  // For security concerns, we use only base name in production mode. See https://github.com/vuejs/rollup-plugin-vue/issues/258
+  script.__file = "C:\\Users\\William L\\GitHub\\vue-loading-button\\src\\vue-loading-button.vue";
+
+  /* template */
+  var __vue_render__ = function() {
+    var _vm = this;
+    var _h = _vm.$createElement;
+    var _c = _vm._self._c || _h;
+    return _c(
+      "button",
+      {
+        class: {
+          "vue-loading-button": true,
+          loading: _vm.loading
+        },
+        attrs: { type: "button" }
+      },
+      [_vm._t("default", [_vm._v("Submit")]), _vm._v(" "), _vm._m(0)],
+      2
+    )
+  };
+  var __vue_staticRenderFns__ = [
+    function() {
+      var _vm = this;
+      var _h = _vm.$createElement;
+      var _c = _vm._self._c || _h;
+      return _c("span", { staticClass: "spinner" }, [
+        _c("span"),
+        _vm._v(" "),
+        _c("span"),
+        _vm._v(" "),
+        _c("span"),
+        _vm._v(" "),
+        _c("span")
+      ])
+    }
+  ];
+  __vue_render__._withStripped = true;
+
+    /* style */
+    var __vue_inject_styles__ = function (inject) {
+      if (!inject) { return }
+      inject("data-v-2a9079c4_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* reset */\n.vue-loading-button[data-v-2a9079c4] {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n}\n.vue-loading-button[data-v-2a9079c4]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n.vue-loading-button[data-v-2a9079c4]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n/* styles */\n.vue-loading-button[data-v-2a9079c4] {\n  color: white;\n  background-color: blue;\n  border: solid 1px transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 8px 14px;\n  line-height: 28px;\n  font-size: 20px;\n  position: relative;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n  overflow: hidden;\n}\n.vue-loading-button[data-v-2a9079c4]:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px lightblue,\n    0 0 0 1.5px lightblue;\n}\n.vue-loading-button[data-v-2a9079c4]:not(.loading) {\n  transition-delay: 0.3s;\n}\n.vue-loading-button > .spinner[data-v-2a9079c4] {\n  line-height: 1.15;\n  position: absolute;\n  top: 50%;\n  left: auto;\n  right: 1.2em;\n  margin: -0.5em;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n}\n.spinner span[data-v-2a9079c4] {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  right: 0;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: spinner-data-v-2a9079c4 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0.2s;\n}\n.vue-loading-button:not(.loading) .spinner span[data-v-2a9079c4] {\n  transition-delay: 0s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.spinner span[data-v-2a9079c4]:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes spinner-data-v-2a9079c4 {\n0% {\n    transform: rotate(0deg);\n}\n100% {\n    transform: rotate(360deg);\n}\n}\n.loading[data-v-2a9079c4] {\n  padding-right: 2.5em;\n}\n.loading .spinner span[data-v-2a9079c4] {\n  opacity: 1;\n}\n", map: {"version":3,"sources":["C:\\Users\\William L\\GitHub\\vue-loading-button/C:\\Users\\William L\\GitHub\\vue-loading-button\\src\\vue-loading-button.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,UAAA;AACA;EACA,oBAAA;EACA,eAAA;EACA,iBAAA;EACA,SAAA;EACA,iBAAA;EACA,oBAAA;EACA,0BAAA;AACA;AACA;EACA,kBAAA;EACA,UAAA;AACA;AACA;EACA,8BAAA;AACA;AACA,WAAA;AACA;EACA,YAAA;EACA,sBAAA;EACA,6BAAA;EACA,kBAAA;EACA,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,4BAAA;EACA,oBAAA;EACA,mCAAA;EACA,gBAAA;AACA;AACA;EACA,aAAA;EACA;yBACA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,iBAAA;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,YAAA;EACA,cAAA;EACA,4BAAA;EACA,oBAAA;EACA,mCAAA;AACA;AACA;EACA,sBAAA;EACA,qBAAA;EACA,kBAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,sBAAA;EACA,kBAAA;EACA,6EAAA;EACA,sDAAA;EACA,gCAAA;EACA,wBAAA;EACA,gCAAA;EACA,sBAAA;AACA;AACA;EACA,oBAAA;AACA;AACA;EACA,uBAAA;AACA;AACA;EACA,sBAAA;AACA;AACA;EACA,uBAAA;AACA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,yBAAA;AACA;AACA;AACA;EACA,oBAAA;AACA;AACA;EACA,UAAA;AACA","file":"vue-loading-button.vue","sourcesContent":["<script>\nexport default {\n  name: \"VueLoadingButton\",\n  props: {\n    loading: {\n      type: Boolean,\n      required: false,\n      default: false\n    },\n  },\n};\n</script>\n\n<template>\n  <button\n    :class=\"{\n      'vue-loading-button': true,\n      'loading': loading,\n    }\"\n    type=\"button\"\n  >\n    <slot>Submit</slot>\n    <span class=\"spinner\">\n      <span></span>\n      <span></span>\n      <span></span>\n      <span></span>\n    </span>\n  </button>\n</template>\n\n<style scoped>\n/* reset */\n.vue-loading-button {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n  -webkit-appearance: button;\n}\n.vue-loading-button::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n.vue-loading-button:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n/* styles */\n.vue-loading-button {\n  color: white;\n  background-color: blue;\n  border: solid 1px transparent;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 8px 14px;\n  line-height: 28px;\n  font-size: 20px;\n  position: relative;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n  overflow: hidden;\n}\n.vue-loading-button:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px lightblue,\n    0 0 0 1.5px lightblue;\n}\n.vue-loading-button:not(.loading) {\n  transition-delay: 0.3s;\n}\n.vue-loading-button > .spinner {\n  line-height: 1.15;\n  position: absolute;\n  top: 50%;\n  left: auto;\n  right: 1.2em;\n  margin: -0.5em;\n  -webkit-transition: all 0.2s;\n  transition: all 0.2s;\n  transition-timing-function: ease-in;\n}\n.spinner span {\n  box-sizing: border-box;\n  display: inline-block;\n  position: absolute;\n  right: 0;\n  width: 20px;\n  height: 20px;\n  opacity: 0;\n  border: 4px solid #fff;\n  border-radius: 50%;\n  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\n  border-color: #fff transparent transparent transparent;\n  -webkit-transition: opacity 0.3s;\n  transition: opacity 0.3s;\n  transition-timing-function: ease;\n  transition-delay: 0.2s;\n}\n.vue-loading-button:not(.loading) .spinner span {\n  transition-delay: 0s;\n}\n.spinner span:nth-child(1) {\n  animation-delay: -0.45s;\n}\n.spinner span:nth-child(2) {\n  animation-delay: -0.3s;\n}\n.spinner span:nth-child(3) {\n  animation-delay: -0.15s;\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.loading {\n  padding-right: 2.5em;\n}\n.loading .spinner span {\n  opacity: 1;\n}\n</style>\n"]}, media: undefined });
+
+    };
+    /* scoped */
+    var __vue_scope_id__ = "data-v-2a9079c4";
+    /* module identifier */
+    var __vue_module_identifier__ = undefined;
+    /* functional template */
+    var __vue_is_functional_template__ = false;
+    /* style inject SSR */
+    
+
+    
+    var component = normalizeComponent(
+      { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+      __vue_inject_styles__,
+      __vue_script__,
+      __vue_scope_id__,
+      __vue_is_functional_template__,
+      __vue_module_identifier__,
+      createInjector,
+      undefined
+    )
+
   // install function executed by Vue.use()
@@ -22,0 +214,0 @@ function install(Vue) {

package.json

 {
   "name": "vue-loading-button",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "",
@@ -26,3 +26,3 @@ "license": "MIT",
     "rollup-plugin-uglify-es": "0.0.1",
-    "rollup-plugin-vue": "^3.0.0",
+    "rollup-plugin-vue": "^4.6.1",
     "vue": "^2.5.16",
@@ -29,0 +29,0 @@ "vue-template-compiler": "^2.5.16"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

42826

increased by160.9%

Lines of code

559

increased by282.88%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes