@vuesimple/vs-button 3.0.0 → 3.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/vite.config.js +1 -1
  2. package/dist/{index.js → index.esm.js} +11 -12
  3. package/dist/index.min.js +1 -1
  4. package/dist/index.umd.js +1 -1
  5. package/package.json +6 -8
  6. package/src/vs-button.vue +0 -1
package/build/vite.config.js CHANGED
@@ -12,7 +12,7 @@ export default {
12
12
  name: 'VsButton',
13
13
  fileName: format => {
14
14
  if (format === 'es') {
15
- return 'index.js';
15
+ return 'index.esm.js';
16
16
  }
17
17
  if (format === 'umd') {
18
18
  return 'index.umd.js';
package/dist/{index.js → index.esm.js} RENAMED
@@ -1,8 +1,8 @@
1
- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { openBlock as r, createElementBlock as y, createElementVNode as a, normalizeStyle as o, resolveComponent as f, createBlock as d, resolveDynamicComponent as _, normalizeClass as m, withCtx as p, renderSlot as g } from "vue";
2
- const u = (n, l) => {
1
+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { openBlock as r, createElementBlock as y, createElementVNode as a, normalizeStyle as o, resolveComponent as f, createBlock as d, resolveDynamicComponent as _, normalizeClass as p, withCtx as m, renderSlot as g } from "vue";
2
+ const u = (n, s) => {
3
3
  const e = n.__vccOpts || n;
4
- for (const [s, t] of l)
5
- e[s] = t;
4
+ for (const [l, t] of s)
5
+ e[l] = t;
6
6
  return e;
7
7
  }, h = {
8
8
  name: "VsLoader",
@@ -51,7 +51,7 @@ const u = (n, l) => {
51
51
  };
52
52
  }
53
53
  }, v = { class: "vs-loader" };
54
- function b(n, l, e, s, t, i) {
54
+ function b(n, s, e, l, t, i) {
55
55
  return r(), y("div", v, [
56
56
  a("div", {
57
57
  style: o([t.spinnerStyle, t.spinnerDelay1])
@@ -132,7 +132,7 @@ const k = {
132
132
  }
133
133
  }
134
134
  };
135
- function L(n, l, e, s, t, i) {
135
+ function L(n, s, e, l, t, i) {
136
136
  const c = f("vs-loader");
137
137
  return r(), d(_(i.isLink), {
138
138
  role: e.href ? "button" : !1,
@@ -141,10 +141,9 @@ function L(n, l, e, s, t, i) {
141
141
  rel: e.rel,
142
142
  type: i.isLink ? "button" : !1,
143
143
  disabled: e.disabled || e.isLoading,
144
- class: m(["vs-button", i.classList]),
145
- onClick: i.emitClick
144
+ class: p(["vs-button", i.classList])
146
145
  }, {
147
- default: p(() => [
146
+ default: m(() => [
148
147
  e.isLoading ? (r(), d(c, {
149
148
  key: 0,
150
149
  size: e.loaderSize,
@@ -152,13 +151,13 @@ function L(n, l, e, s, t, i) {
152
151
  }, null, 8, ["size", "color"])) : g(n.$slots, "default", { key: 1 })
153
152
  ]),
154
153
  _: 3
155
- }, 8, ["role", "href", "target", "rel", "type", "disabled", "class", "onClick"]);
154
+ }, 8, ["role", "href", "target", "rel", "type", "disabled", "class"]);
156
155
  }
157
- const z = /* @__PURE__ */ u(k, [["render", L]]), D = {
156
+ const z = /* @__PURE__ */ u(k, [["render", L]]), B = {
158
157
  install(n) {
159
158
  n.component("VsButton", z);
160
159
  }
161
160
  };
162
161
  export {
163
- D as default
162
+ B as default
164
163
  };
package/dist/index.min.js CHANGED
@@ -1 +1 @@
1
- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var VsButton=function(e){"use strict";const p="",o=(i,s)=>{const t=i.__vccOpts||i;for(const[a,n]of s)t[a]=n;return t},r={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},d={class:"vs-loader"};function c(i,s,t,a,n,l){return e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const u=o(r,[["render",c]]),g="",y={name:"VsButton",components:{VsLoader:u},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function f(i,s,t,a,n,l){const _=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:l.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",l.classList]),onClick:l.emitClick},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(_,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class","onClick"])}const m=o(y,[["render",f]]);return{install(i){i.component("VsButton",m)}}}(Vue);
1
+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();var VsButton=function(e){"use strict";const m="",o=(i,s)=>{const t=i.__vccOpts||i;for(const[a,n]of s)t[a]=n;return t},r={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},d={class:"vs-loader"};function c(i,s,t,a,n,l){return e.openBlock(),e.createElementBlock("div",d,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const u=o(r,[["render",c]]),g="",y={name:"VsButton",components:{VsLoader:u},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function f(i,s,t,a,n,l){const _=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:l.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",l.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(_,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const p=o(y,[["render",f]]);return{install(i){i.component("VsButton",p)}}}(Vue);
package/dist/index.umd.js CHANGED
@@ -1 +1 @@
1
- (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(e,s){typeof exports=="object"&&typeof module<"u"?module.exports=s(require("vue")):typeof define=="function"&&define.amd?define(["vue"],s):(e=typeof globalThis<"u"?globalThis:e||self,e.VsButton=s(e.Vue))})(this,function(e){"use strict";const s="",r=(i,o)=>{const t=i.__vccOpts||i;for(const[a,n]of o)t[a]=n;return t},d={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},c={class:"vs-loader"};function u(i,o,t,a,n,l){return e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const f=r(d,[["render",u]]),h="",y={name:"VsButton",components:{VsLoader:f},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function p(i,o,t,a,n,l){const _=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:l.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",l.classList]),onClick:l.emitClick},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(_,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class","onClick"])}const m=r(y,[["render",p]]);return{install(i){i.component("VsButton",m)}}});
1
+ (function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("@-webkit-keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}@keyframes v-pulseStretchDelay{0%,80%{-webkit-transform:scale(1);transform:scale(1);-webkit-opacity:1;opacity:1}45%{-webkit-transform:scale(.1);transform:scale(.1);-webkit-opacity:.7;opacity:.7}}.vs-button{border-radius:4px;font-weight:400;box-sizing:border-box;user-select:none;padding:0 1.07143em;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;transition:border-color .25s ease-in-out 0s,box-shadow .1s ease-in-out 0s,background-color .25s ease-in-out 0s,color .25s ease-in-out 0s;margin:0;cursor:pointer;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;position:relative}.vs-button .vs-loader{display:flex;align-items:center;justify-content:center}.vs-button.vs-button--small{height:32px;line-height:30px;font-size:12px}.vs-button.vs-button--medium{height:40px;line-height:38px;font-size:14px}.vs-button.vs-button--large{height:48px;line-height:46px;font-size:14px}.vs-button.vs-button--round{border-radius:50px}.vs-button.vs-button__primary,.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:focus{background:transparent;color:#1f73b7;border:solid 1px #1f73b7}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:#18588b;background:#f2f8fd;color:#18588b}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:#103c60;background:#dcecf9;color:#103c60}.vs-button.vs-button__primary:focus-visible,.vs-button.vs-button__primary:hover:focus-visible,.vs-button.vs-button__primary:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary:disabled,.vs-button.vs-button__primary.vs-button--loading,.vs-button.vs-button__primary:hover:disabled,.vs-button.vs-button__primary:hover.vs-button--loading,.vs-button.vs-button__primary:focus:disabled,.vs-button.vs-button__primary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:#1f73b7;color:#fff;border:solid 1px #1f73b7}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:#18588b;background:#18588b}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:#103c60;background:#144a76}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:#18588b;box-shadow:0 0 0 .2rem #85bdea;outline:0}.vs-button.vs-button__primary-fill:disabled,.vs-button.vs-button__primary-fill.vs-button--loading,.vs-button.vs-button__primary-fill:focus:disabled,.vs-button.vs-button__primary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:transparent;color:#28a745;border:solid 1px #28a745}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:#1e7e34;background:#edfbf0;color:#1e7e34}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:#145523;background:#d8f6df;color:#145523}.vs-button.vs-button__success:focus-visible,.vs-button.vs-button__success:hover:focus-visible,.vs-button.vs-button__success:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success:disabled,.vs-button.vs-button__success.vs-button--loading,.vs-button.vs-button__success:hover:disabled,.vs-button.vs-button__success:hover.vs-button--loading,.vs-button.vs-button__success:focus:disabled,.vs-button.vs-button__success:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:#28a745;color:#fff;border:solid 1px #28a745}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:#1e7e34;background:#1e7e34}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:#145523;background:#19692c}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:#1e7e34;box-shadow:0 0 0 .2rem #86e29b;outline:0}.vs-button.vs-button__success-fill:disabled,.vs-button.vs-button__success-fill.vs-button--loading,.vs-button.vs-button__success-fill:focus:disabled,.vs-button.vs-button__success-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:transparent;color:#cc3340;border:solid 1px #cc3340}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:#a32933;background:#faebec;color:#a32933}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:#7a1f26;background:white;color:#7a1f26}.vs-button.vs-button__danger:focus-visible,.vs-button.vs-button__danger:hover:focus-visible,.vs-button.vs-button__danger:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger:disabled,.vs-button.vs-button__danger.vs-button--loading,.vs-button.vs-button__danger:hover:disabled,.vs-button.vs-button__danger:hover.vs-button--loading,.vs-button.vs-button__danger:focus:disabled,.vs-button.vs-button__danger:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:#cc3340;color:#fff;border:solid 1px #cc3340}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:#a32933;background:#a32933}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:#7a1f26;background:#8f242d}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:#a32933;box-shadow:0 0 0 .2rem #ebadb3;outline:0}.vs-button.vs-button__danger-fill:disabled,.vs-button.vs-button__danger-fill.vs-button--loading,.vs-button.vs-button__danger-fill:focus:disabled,.vs-button.vs-button__danger-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:transparent;color:#ffb057;border:solid 1px #ffb057}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:#ff9824;background:#fff8f0;color:#ff9824}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:#f07f00;background:white;color:#f07f00}.vs-button.vs-button__warning:focus-visible,.vs-button.vs-button__warning:hover:focus-visible,.vs-button.vs-button__warning:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning:disabled,.vs-button.vs-button__warning.vs-button--loading,.vs-button.vs-button__warning:hover:disabled,.vs-button.vs-button__warning:hover.vs-button--loading,.vs-button.vs-button__warning:focus:disabled,.vs-button.vs-button__warning:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:#ffb057;color:#703815;border:solid 1px #ffb057}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:#ff9824;background:#ff9824}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:#f07f00;background:#ff8c0b}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:#ff9824;box-shadow:0 0 0 .2rem #fff8f0;outline:0}.vs-button.vs-button__warning-fill:disabled,.vs-button.vs-button__warning-fill.vs-button--loading,.vs-button.vs-button__warning-fill:focus:disabled,.vs-button.vs-button__warning-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:transparent;color:#6c757d;border:solid 1px #6c757d}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:#545b62;background:#f3f4f5;color:#545b62}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:#3d4246;background:#f3f4f5;color:#3d4246}.vs-button.vs-button__secondary:focus-visible,.vs-button.vs-button__secondary:hover:focus-visible,.vs-button.vs-button__secondary:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary:disabled,.vs-button.vs-button__secondary.vs-button--loading,.vs-button.vs-button__secondary:hover:disabled,.vs-button.vs-button__secondary:hover.vs-button--loading,.vs-button.vs-button__secondary:focus:disabled,.vs-button.vs-button__secondary:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:#6c757d;color:#fff;border:solid 1px #6c757d}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:#545b62;background:#545b62}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:#3d4246;background:#494f54}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:#545b62;box-shadow:0 0 0 .2rem #bcc1c6;outline:0}.vs-button.vs-button__secondary-fill:disabled,.vs-button.vs-button__secondary-fill.vs-button--loading,.vs-button.vs-button__secondary-fill:focus:disabled,.vs-button.vs-button__secondary-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:transparent;color:#f8f9fa;border:solid 1px #f8f9fa}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:#dae0e5;background:white;color:#dae0e5}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:#bdc6d0;background:white;color:#bdc6d0}.vs-button.vs-button__light:focus-visible,.vs-button.vs-button__light:hover:focus-visible,.vs-button.vs-button__light:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light:disabled,.vs-button.vs-button__light.vs-button--loading,.vs-button.vs-button__light:hover:disabled,.vs-button.vs-button__light:hover.vs-button--loading,.vs-button.vs-button__light:focus:disabled,.vs-button.vs-button__light:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:#f8f9fa;color:#212529;border:solid 1px #f8f9fa}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:#dae0e5;background:#dae0e5}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:#bdc6d0;background:#cbd3da}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:#dae0e5;box-shadow:0 0 0 .2rem #fff;outline:0}.vs-button.vs-button__light-fill:disabled,.vs-button.vs-button__light-fill.vs-button--loading,.vs-button.vs-button__light-fill:focus:disabled,.vs-button.vs-button__light-fill:focus.vs-button--loading{background:#e9ebed;border-color:transparent;color:#c2c8cc;cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:#1f73b7;border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();(function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.VsButton=l(e.Vue))})(this,function(e){"use strict";const l="",r=(i,o)=>{const t=i.__vccOpts||i;for(const[a,n]of o)t[a]=n;return t},d={name:"VsLoader",props:{color:{type:String,default:"#1f73b7"},size:{type:String,default:"40px"},margin:{type:String,default:"3px"},radius:{type:String,default:"100%"}},data(){return{spinnerStyle:{backgroundColor:this.color,width:this.size,height:this.size,margin:this.margin,borderRadius:this.radius,display:"inline-block",animationName:"v-pulseStretchDelay",animationDuration:"0.75s",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(.2,.68,.18,1.08)",animationFillMode:"both"},spinnerDelay1:{animationDelay:"0.12s"},spinnerDelay2:{animationDelay:"0.24s"},spinnerDelay3:{animationDelay:"0.36s"}}}},c={class:"vs-loader"};function u(i,o,t,a,n,s){return e.openBlock(),e.createElementBlock("div",c,[e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay1])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay2])},null,4),e.createElementVNode("div",{style:e.normalizeStyle([n.spinnerStyle,n.spinnerDelay3])},null,4)])}const f=r(d,[["render",u]]),h="",y={name:"VsButton",components:{VsLoader:f},props:{variant:{type:String,default:"primary"},size:{type:String,default:"medium"},fill:{type:Boolean,default:!1},isRound:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},loaderSize:{type:String,default:"8px"},loaderColor:{type:String,default:"#1f73b7"},disabled:{type:[Boolean,String],default:!1},href:{type:String},target:{type:String},rel:{type:String}},computed:{classList(){return[[this.variant==="link"?"vs-button__link":`vs-button__${this.variant}${this.fill?"-fill":""}`],`vs-button--${this.size}`,{"vs-button--loading":this.isLoading},{"vs-button--round":this.isRound}]},isLink(){return this.variant==="link"||!!this.href?"a":"button"}},methods:{emitClick(){(!this.isLoading||!this.disabled)&&this.$emit("click")}}};function p(i,o,t,a,n,s){const _=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:s.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",s.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(_,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(i.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const m=r(y,[["render",p]]);return{install(i){i.component("VsButton",m)}}});
package/package.json CHANGED
@@ -1,13 +1,11 @@
1
1
  {
2
2
  "name": "@vuesimple/vs-button",
3
- "version": "3.0.0",
3
+ "version": "3.0.2",
4
4
  "description": "A simple vue button. Perfect for all your button scenarios.",
5
- "main": "dist/vs-button.umd.js",
6
- "module": "dist/vs-button.esm.js",
7
- "unpkg": "dist/vs-button.min.js",
8
- "browser": {
9
- "./sfc": "src/vs-button.vue"
10
- },
5
+ "main": "dist/index.umd.js",
6
+ "module": "dist/index.esm.js",
7
+ "unpkg": "dist/index.min.js",
8
+ "jsdeliver": "dist/index.min.js",
11
9
  "scripts": {
12
10
  "build": "rm -rfv dist && vite build --config build/vite.config.js"
13
11
  },
@@ -45,5 +43,5 @@
45
43
  "url": "https://github.com/ashwinkshenoy/vue-simple/issues"
46
44
  },
47
45
  "homepage": "https://github.com/ashwinkshenoy/vue-simple/tree/master/packages/vs-button",
48
- "gitHead": "c666ac905df7e5b10f9198cd056cdd3fa88e212e"
46
+ "gitHead": "88b006a353ac0e04dcaf682ab3d8512bbeb048bf"
49
47
  }
package/src/vs-button.vue CHANGED
@@ -8,7 +8,6 @@
8
8
  :type="isLink ? 'button' : false"
9
9
  :disabled="disabled || isLoading"
10
10
  :class="['vs-button', classList]"
11
- @click="emitClick"
12
11
  >
13
12
  <vs-loader :size="loaderSize" :color="loaderColor" v-if="isLoading"></vs-loader>
14
13
  <slot v-else></slot>