@vuesimple/vs-button 3.1.5 → 3.1.7

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 (7) hide show
  1. package/README.md +56 -45
  2. package/build/vite.config.js +2 -2
  3. package/dist/index.esm.js +1 -1
  4. package/dist/index.min.js +2 -3
  5. package/dist/index.umd.js +2 -3
  6. package/package.json +4 -3
  7. package/src/vs-button.vue +96 -79
package/README.md CHANGED
@@ -72,51 +72,6 @@ app.use(VsButton.plugin);
72
72
 
73
73
  <br />
74
74
 
75
- <h3>
76
- <img src="https://i.imgur.com/MWynQNa.png" width="20px"> Nuxt.js
77
- </h3>
78
-
79
- Nuxt Code Snippet
80
-
81
- After installation,
82
-
83
- - Create a file `/plugins/vs-button.js`
84
-
85
- ```javascript
86
- import Vue from 'vue';
87
- import VsButton from '@vuesimple/vs-button';
88
-
89
- Vue.component('vs-button', VsButton);
90
- ```
91
-
92
- - Update `nuxt.config.js`
93
- ```javascript
94
- module.exports = {
95
- ...
96
- plugins: [
97
- { src: '~plugins/vs-button', mode: 'client' }
98
- ...
99
- ]
100
- }
101
- ```
102
- - In the page/ component
103
-
104
- ```html
105
- <template>
106
- <vs-button>Default</vs-button>
107
- <vs-button variant="primary" fill>Primary</vs-button>
108
- </template>
109
- ```
110
-
111
- **Note**
112
-
113
- - For older Nuxt versions, use `<no-ssr>...</no-ssr>` tag.
114
- - You can also do
115
- `import VsButton from '@vuesimple/vs-button'`
116
- & add in `component:{VsButton}` and use it within component, without globally installing in plugin folder.
117
-
118
- <br />
119
-
120
75
  ### ⚙ Props
121
76
 
122
77
  | Name | Type | Default | Description |
@@ -133,6 +88,62 @@ After installation,
133
88
 
134
89
  <br />
135
90
 
91
+ ### 🎨 CSS Variables
92
+
93
+ Button variants can now be themed with CSS custom properties.
94
+
95
+ Example:
96
+
97
+ ```css
98
+ .my-brand-theme .vs-button {
99
+ --vs-button-primary-color: #0b5ed7;
100
+ --vs-button-primary-border: #0b5ed7;
101
+ --vs-button-primary-hover-bg: #dbeafe;
102
+ --vs-button-primary-fill-bg: #0b5ed7;
103
+ --vs-button-primary-fill-hover-bg: #084298;
104
+
105
+ --vs-button-secondary-color: #495057;
106
+ --vs-button-secondary-border: #495057;
107
+ --vs-button-secondary-fill-bg: #495057;
108
+
109
+ --vs-button-disabled-bg: #eceff3;
110
+ --vs-button-disabled-color: #9aa4ad;
111
+ }
112
+ ```
113
+
114
+ Available variants: `primary`, `secondary`, `success`, `warning`, `danger`, `light`.
115
+
116
+ Each variant supports these tokens:
117
+
118
+ - `--vs-button-<variant>-color`
119
+ - `--vs-button-<variant>-bg`
120
+ - `--vs-button-<variant>-border`
121
+ - `--vs-button-<variant>-hover-color`
122
+ - `--vs-button-<variant>-hover-bg`
123
+ - `--vs-button-<variant>-hover-border`
124
+ - `--vs-button-<variant>-active-color`
125
+ - `--vs-button-<variant>-active-bg`
126
+ - `--vs-button-<variant>-active-border`
127
+ - `--vs-button-<variant>-focus-border`
128
+ - `--vs-button-<variant>-focus-shadow`
129
+ - `--vs-button-<variant>-fill-color`
130
+ - `--vs-button-<variant>-fill-bg`
131
+ - `--vs-button-<variant>-fill-border`
132
+ - `--vs-button-<variant>-fill-hover-bg`
133
+ - `--vs-button-<variant>-fill-hover-border`
134
+ - `--vs-button-<variant>-fill-active-bg`
135
+ - `--vs-button-<variant>-fill-active-border`
136
+ - `--vs-button-<variant>-fill-focus-border`
137
+ - `--vs-button-<variant>-fill-focus-shadow`
138
+
139
+ Global disabled state tokens:
140
+
141
+ - `--vs-button-disabled-bg`
142
+ - `--vs-button-disabled-border`
143
+ - `--vs-button-disabled-color`
144
+
145
+ <br />
146
+
136
147
  ### 🔥 Events
137
148
 
138
149
  | Name | Description |
package/build/vite.config.js CHANGED
@@ -2,10 +2,10 @@ import vue from '@vitejs/plugin-vue';
2
2
  import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
3
3
 
4
4
  export default {
5
- plugins: [vue(), cssInjectedByJsPlugin()],
5
+ plugins: [vue(), cssInjectedByJsPlugin({ styleId: 'vs-button-styles' })],
6
6
  build: {
7
7
  // separate css file or not
8
- cssCodeSplit: true,
8
+ cssCodeSplit: false,
9
9
  lib: {
10
10
  entry: './src/index.js',
11
11
  formats: ['es', 'umd', 'iife'],
package/dist/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@charset "UTF-8";@-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;-webkit-user-select:none;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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.id="vs-button-styles",o.appendChild(document.createTextNode('@charset "UTF-8";@-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{--vs-button-disabled-bg: #e9ebed;--vs-button-disabled-border: transparent;--vs-button-disabled-color: #c2c8cc;--vs-button-primary-color: #1f73b7;--vs-button-primary-bg: transparent;--vs-button-primary-border: #1f73b7;--vs-button-primary-hover-color: #18588b;--vs-button-primary-hover-border: #18588b;--vs-button-primary-hover-bg: #f2f8fd;--vs-button-primary-active-color: #103c60;--vs-button-primary-active-border: #103c60;--vs-button-primary-active-bg: #dcecf9;--vs-button-primary-focus-border: #18588b;--vs-button-primary-focus-shadow: 0 0 0 .2rem #85bdea;--vs-button-primary-fill-bg: #1f73b7;--vs-button-primary-fill-border: #1f73b7;--vs-button-primary-fill-color: #ffffff;--vs-button-primary-fill-hover-bg: #18588b;--vs-button-primary-fill-hover-border: #18588b;--vs-button-primary-fill-active-bg: #144a76;--vs-button-primary-fill-active-border: #103c60;--vs-button-primary-fill-focus-border: #18588b;--vs-button-primary-fill-focus-shadow: 0 0 0 .2rem #85bdea;--vs-button-success-color: #28a745;--vs-button-success-bg: transparent;--vs-button-success-border: #28a745;--vs-button-success-hover-color: #1e7e34;--vs-button-success-hover-border: #1e7e34;--vs-button-success-hover-bg: #edfbf0;--vs-button-success-active-color: #145523;--vs-button-success-active-border: #145523;--vs-button-success-active-bg: #d8f6df;--vs-button-success-focus-border: #1e7e34;--vs-button-success-focus-shadow: 0 0 0 .2rem #86e29b;--vs-button-success-fill-bg: #28a745;--vs-button-success-fill-border: #28a745;--vs-button-success-fill-color: #ffffff;--vs-button-success-fill-hover-bg: #1e7e34;--vs-button-success-fill-hover-border: #1e7e34;--vs-button-success-fill-active-bg: #19692c;--vs-button-success-fill-active-border: #145523;--vs-button-success-fill-focus-border: #1e7e34;--vs-button-success-fill-focus-shadow: 0 0 0 .2rem #86e29b;--vs-button-danger-color: #cc3340;--vs-button-danger-bg: transparent;--vs-button-danger-border: #cc3340;--vs-button-danger-hover-color: #a32933;--vs-button-danger-hover-border: #a32933;--vs-button-danger-hover-bg: #faebec;--vs-button-danger-active-color: #7a1f26;--vs-button-danger-active-border: #7a1f26;--vs-button-danger-active-bg: white;--vs-button-danger-focus-border: #a32933;--vs-button-danger-focus-shadow: 0 0 0 .2rem #ebadb3;--vs-button-danger-fill-bg: #cc3340;--vs-button-danger-fill-border: #cc3340;--vs-button-danger-fill-color: #ffffff;--vs-button-danger-fill-hover-bg: #a32933;--vs-button-danger-fill-hover-border: #a32933;--vs-button-danger-fill-active-bg: #8f242d;--vs-button-danger-fill-active-border: #7a1f26;--vs-button-danger-fill-focus-border: #a32933;--vs-button-danger-fill-focus-shadow: 0 0 0 .2rem #ebadb3;--vs-button-warning-color: #ffb057;--vs-button-warning-bg: transparent;--vs-button-warning-border: #ffb057;--vs-button-warning-hover-color: #ff9824;--vs-button-warning-hover-border: #ff9824;--vs-button-warning-hover-bg: #fff8f0;--vs-button-warning-active-color: #f07f00;--vs-button-warning-active-border: #f07f00;--vs-button-warning-active-bg: white;--vs-button-warning-focus-border: #ff9824;--vs-button-warning-focus-shadow: 0 0 0 .2rem #fff8f0;--vs-button-warning-fill-bg: #ffb057;--vs-button-warning-fill-border: #ffb057;--vs-button-warning-fill-color: #703815;--vs-button-warning-fill-hover-bg: #ff9824;--vs-button-warning-fill-hover-border: #ff9824;--vs-button-warning-fill-active-bg: #ff8c0b;--vs-button-warning-fill-active-border: #f07f00;--vs-button-warning-fill-focus-border: #ff9824;--vs-button-warning-fill-focus-shadow: 0 0 0 .2rem #fff8f0;--vs-button-secondary-color: #6c757d;--vs-button-secondary-bg: transparent;--vs-button-secondary-border: #6c757d;--vs-button-secondary-hover-color: #545b62;--vs-button-secondary-hover-border: #545b62;--vs-button-secondary-hover-bg: #f3f4f5;--vs-button-secondary-active-color: #3d4246;--vs-button-secondary-active-border: #3d4246;--vs-button-secondary-active-bg: #f3f4f5;--vs-button-secondary-focus-border: #545b62;--vs-button-secondary-focus-shadow: 0 0 0 .2rem #bcc1c6;--vs-button-secondary-fill-bg: #6c757d;--vs-button-secondary-fill-border: #6c757d;--vs-button-secondary-fill-color: #ffffff;--vs-button-secondary-fill-hover-bg: #545b62;--vs-button-secondary-fill-hover-border: #545b62;--vs-button-secondary-fill-active-bg: #494f54;--vs-button-secondary-fill-active-border: #3d4246;--vs-button-secondary-fill-focus-border: #545b62;--vs-button-secondary-fill-focus-shadow: 0 0 0 .2rem #bcc1c6;--vs-button-light-color: #f8f9fa;--vs-button-light-bg: transparent;--vs-button-light-border: #f8f9fa;--vs-button-light-hover-color: #dae0e5;--vs-button-light-hover-border: #dae0e5;--vs-button-light-hover-bg: white;--vs-button-light-active-color: #bdc6d0;--vs-button-light-active-border: #bdc6d0;--vs-button-light-active-bg: white;--vs-button-light-focus-border: #dae0e5;--vs-button-light-focus-shadow: 0 0 0 .2rem white;--vs-button-light-fill-bg: #f8f9fa;--vs-button-light-fill-border: #f8f9fa;--vs-button-light-fill-color: #212529;--vs-button-light-fill-hover-bg: #dae0e5;--vs-button-light-fill-hover-border: #dae0e5;--vs-button-light-fill-active-bg: #cbd3da;--vs-button-light-fill-active-border: #bdc6d0;--vs-button-light-fill-focus-border: #dae0e5;--vs-button-light-fill-focus-shadow: 0 0 0 .2rem white;border-radius:4px;font-weight:400;box-sizing:border-box;-webkit-user-select:none;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:var(--vs-button-primary-bg);color:var(--vs-button-primary-color);border:solid 1px var(--vs-button-primary-border)}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:var(--vs-button-primary-hover-border);background:var(--vs-button-primary-hover-bg);color:var(--vs-button-primary-hover-color)}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:var(--vs-button-primary-active-border);background:var(--vs-button-primary-active-bg);color:var(--vs-button-primary-active-color)}.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:var(--vs-button-primary-focus-border);box-shadow:var(--vs-button-primary-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:var(--vs-button-primary-fill-bg);color:var(--vs-button-primary-fill-color);border:solid 1px var(--vs-button-primary-fill-border)}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:var(--vs-button-primary-fill-hover-border);background:var(--vs-button-primary-fill-hover-bg)}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:var(--vs-button-primary-fill-active-border);background:var(--vs-button-primary-fill-active-bg)}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:var(--vs-button-primary-fill-focus-border);box-shadow:var(--vs-button-primary-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:var(--vs-button-success-bg);color:var(--vs-button-success-color);border:solid 1px var(--vs-button-success-border)}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:var(--vs-button-success-hover-border);background:var(--vs-button-success-hover-bg);color:var(--vs-button-success-hover-color)}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:var(--vs-button-success-active-border);background:var(--vs-button-success-active-bg);color:var(--vs-button-success-active-color)}.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:var(--vs-button-success-focus-border);box-shadow:var(--vs-button-success-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:var(--vs-button-success-fill-bg);color:var(--vs-button-success-fill-color);border:solid 1px var(--vs-button-success-fill-border)}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:var(--vs-button-success-fill-hover-border);background:var(--vs-button-success-fill-hover-bg)}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:var(--vs-button-success-fill-active-border);background:var(--vs-button-success-fill-active-bg)}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:var(--vs-button-success-fill-focus-border);box-shadow:var(--vs-button-success-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:var(--vs-button-danger-bg);color:var(--vs-button-danger-color);border:solid 1px var(--vs-button-danger-border)}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:var(--vs-button-danger-hover-border);background:var(--vs-button-danger-hover-bg);color:var(--vs-button-danger-hover-color)}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:var(--vs-button-danger-active-border);background:var(--vs-button-danger-active-bg);color:var(--vs-button-danger-active-color)}.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:var(--vs-button-danger-focus-border);box-shadow:var(--vs-button-danger-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:var(--vs-button-danger-fill-bg);color:var(--vs-button-danger-fill-color);border:solid 1px var(--vs-button-danger-fill-border)}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:var(--vs-button-danger-fill-hover-border);background:var(--vs-button-danger-fill-hover-bg)}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:var(--vs-button-danger-fill-active-border);background:var(--vs-button-danger-fill-active-bg)}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:var(--vs-button-danger-fill-focus-border);box-shadow:var(--vs-button-danger-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:var(--vs-button-warning-bg);color:var(--vs-button-warning-color);border:solid 1px var(--vs-button-warning-border)}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:var(--vs-button-warning-hover-border);background:var(--vs-button-warning-hover-bg);color:var(--vs-button-warning-hover-color)}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:var(--vs-button-warning-active-border);background:var(--vs-button-warning-active-bg);color:var(--vs-button-warning-active-color)}.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:var(--vs-button-warning-focus-border);box-shadow:var(--vs-button-warning-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:var(--vs-button-warning-fill-bg);color:var(--vs-button-warning-fill-color);border:solid 1px var(--vs-button-warning-fill-border)}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:var(--vs-button-warning-fill-hover-border);background:var(--vs-button-warning-fill-hover-bg)}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:var(--vs-button-warning-fill-active-border);background:var(--vs-button-warning-fill-active-bg)}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:var(--vs-button-warning-fill-focus-border);box-shadow:var(--vs-button-warning-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:var(--vs-button-secondary-bg);color:var(--vs-button-secondary-color);border:solid 1px var(--vs-button-secondary-border)}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:var(--vs-button-secondary-hover-border);background:var(--vs-button-secondary-hover-bg);color:var(--vs-button-secondary-hover-color)}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:var(--vs-button-secondary-active-border);background:var(--vs-button-secondary-active-bg);color:var(--vs-button-secondary-active-color)}.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:var(--vs-button-secondary-focus-border);box-shadow:var(--vs-button-secondary-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:var(--vs-button-secondary-fill-bg);color:var(--vs-button-secondary-fill-color);border:solid 1px var(--vs-button-secondary-fill-border)}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:var(--vs-button-secondary-fill-hover-border);background:var(--vs-button-secondary-fill-hover-bg)}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:var(--vs-button-secondary-fill-active-border);background:var(--vs-button-secondary-fill-active-bg)}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:var(--vs-button-secondary-fill-focus-border);box-shadow:var(--vs-button-secondary-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:var(--vs-button-light-bg);color:var(--vs-button-light-color);border:solid 1px var(--vs-button-light-border)}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:var(--vs-button-light-hover-border);background:var(--vs-button-light-hover-bg);color:var(--vs-button-light-hover-color)}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:var(--vs-button-light-active-border);background:var(--vs-button-light-active-bg);color:var(--vs-button-light-active-color)}.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:var(--vs-button-light-focus-border);box-shadow:var(--vs-button-light-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:var(--vs-button-light-fill-bg);color:var(--vs-button-light-fill-color);border:solid 1px var(--vs-button-light-fill-border)}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:var(--vs-button-light-fill-hover-border);background:var(--vs-button-light-fill-hover-bg)}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:var(--vs-button-light-fill-active-border);background:var(--vs-button-light-fill-active-bg)}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:var(--vs-button-light-fill-focus-border);box-shadow:var(--vs-button-light-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:var(--vs-button-primary-color);border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}html[data-theme=dark] .vs-button,html.dark .vs-button{--vs-button-disabled-bg: #ffffff14;--vs-button-disabled-border: transparent;--vs-button-disabled-color: #5c6970;--vs-button-primary-hover-bg: #092134;--vs-button-primary-hover-border: #2d8edc;--vs-button-primary-hover-color: #2d8edc;--vs-button-success-hover-bg: #0a2c12;--vs-button-success-hover-border: #34ce57;--vs-button-success-hover-color: #34ce57;--vs-button-danger-hover-bg: #140506;--vs-button-danger-hover-border: #d65c66;--vs-button-danger-hover-color: #d65c66;--vs-button-warning-hover-bg: #3e2100;--vs-button-warning-hover-border: #ffc88a;--vs-button-warning-hover-color: #ffc88a;--vs-button-secondary-hover-bg: black;--vs-button-secondary-hover-border: #868e96;--vs-button-secondary-hover-color: #868e96;--vs-button-light-hover-bg: #9fadba;--vs-button-light-hover-border: white;--vs-button-light-hover-color: white}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
2
  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";
3
3
  const u = (n, s) => {
4
4
  const e = n.__vccOpts || n;
package/dist/index.min.js CHANGED
@@ -1,3 +1,2 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@charset "UTF-8";@-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;-webkit-user-select:none;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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- var VsButton=function(r,t){"use strict";var v=document.createElement("style");v.textContent=`@charset "UTF-8";@-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;-webkit-user-select:none;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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}
3
- `,document.head.appendChild(v);const y="",c=(n,b)=>{const o=n.__vccOpts||n;for(const[u,s]of b)o[u]=s;return o},a={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"}}}},i={class:"vs-loader"};function d(n,b,o,u,s,e){return t.openBlock(),t.createElementBlock("div",i,[t.createElementVNode("div",{style:t.normalizeStyle([s.spinnerStyle,s.spinnerDelay1])},null,4),t.createElementVNode("div",{style:t.normalizeStyle([s.spinnerStyle,s.spinnerDelay2])},null,4),t.createElementVNode("div",{style:t.normalizeStyle([s.spinnerStyle,s.spinnerDelay3])},null,4)])}const _=c(a,[["render",d]]),m="",f={name:"VsButton",components:{VsLoader:_},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 g(n,b,o,u,s,e){const p=t.resolveComponent("vs-loader");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.isLink),{role:o.href?"button":!1,href:o.href,target:o.target,rel:o.rel,type:e.isLink?"button":!1,disabled:o.disabled||o.isLoading,class:t.normalizeClass(["vs-button",e.classList])},{default:t.withCtx(()=>[o.isLoading?(t.openBlock(),t.createBlock(p,{key:0,size:o.loaderSize,color:o.loaderColor},null,8,["size","color"])):t.renderSlot(n.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const l=c(f,[["render",g]]),h={install(n){n.component("VsButton",l)}};return r.default=l,r.plugin=h,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),r}({},Vue);
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.id="vs-button-styles",o.appendChild(document.createTextNode('@charset "UTF-8";@-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{--vs-button-disabled-bg: #e9ebed;--vs-button-disabled-border: transparent;--vs-button-disabled-color: #c2c8cc;--vs-button-primary-color: #1f73b7;--vs-button-primary-bg: transparent;--vs-button-primary-border: #1f73b7;--vs-button-primary-hover-color: #18588b;--vs-button-primary-hover-border: #18588b;--vs-button-primary-hover-bg: #f2f8fd;--vs-button-primary-active-color: #103c60;--vs-button-primary-active-border: #103c60;--vs-button-primary-active-bg: #dcecf9;--vs-button-primary-focus-border: #18588b;--vs-button-primary-focus-shadow: 0 0 0 .2rem #85bdea;--vs-button-primary-fill-bg: #1f73b7;--vs-button-primary-fill-border: #1f73b7;--vs-button-primary-fill-color: #ffffff;--vs-button-primary-fill-hover-bg: #18588b;--vs-button-primary-fill-hover-border: #18588b;--vs-button-primary-fill-active-bg: #144a76;--vs-button-primary-fill-active-border: #103c60;--vs-button-primary-fill-focus-border: #18588b;--vs-button-primary-fill-focus-shadow: 0 0 0 .2rem #85bdea;--vs-button-success-color: #28a745;--vs-button-success-bg: transparent;--vs-button-success-border: #28a745;--vs-button-success-hover-color: #1e7e34;--vs-button-success-hover-border: #1e7e34;--vs-button-success-hover-bg: #edfbf0;--vs-button-success-active-color: #145523;--vs-button-success-active-border: #145523;--vs-button-success-active-bg: #d8f6df;--vs-button-success-focus-border: #1e7e34;--vs-button-success-focus-shadow: 0 0 0 .2rem #86e29b;--vs-button-success-fill-bg: #28a745;--vs-button-success-fill-border: #28a745;--vs-button-success-fill-color: #ffffff;--vs-button-success-fill-hover-bg: #1e7e34;--vs-button-success-fill-hover-border: #1e7e34;--vs-button-success-fill-active-bg: #19692c;--vs-button-success-fill-active-border: #145523;--vs-button-success-fill-focus-border: #1e7e34;--vs-button-success-fill-focus-shadow: 0 0 0 .2rem #86e29b;--vs-button-danger-color: #cc3340;--vs-button-danger-bg: transparent;--vs-button-danger-border: #cc3340;--vs-button-danger-hover-color: #a32933;--vs-button-danger-hover-border: #a32933;--vs-button-danger-hover-bg: #faebec;--vs-button-danger-active-color: #7a1f26;--vs-button-danger-active-border: #7a1f26;--vs-button-danger-active-bg: white;--vs-button-danger-focus-border: #a32933;--vs-button-danger-focus-shadow: 0 0 0 .2rem #ebadb3;--vs-button-danger-fill-bg: #cc3340;--vs-button-danger-fill-border: #cc3340;--vs-button-danger-fill-color: #ffffff;--vs-button-danger-fill-hover-bg: #a32933;--vs-button-danger-fill-hover-border: #a32933;--vs-button-danger-fill-active-bg: #8f242d;--vs-button-danger-fill-active-border: #7a1f26;--vs-button-danger-fill-focus-border: #a32933;--vs-button-danger-fill-focus-shadow: 0 0 0 .2rem #ebadb3;--vs-button-warning-color: #ffb057;--vs-button-warning-bg: transparent;--vs-button-warning-border: #ffb057;--vs-button-warning-hover-color: #ff9824;--vs-button-warning-hover-border: #ff9824;--vs-button-warning-hover-bg: #fff8f0;--vs-button-warning-active-color: #f07f00;--vs-button-warning-active-border: #f07f00;--vs-button-warning-active-bg: white;--vs-button-warning-focus-border: #ff9824;--vs-button-warning-focus-shadow: 0 0 0 .2rem #fff8f0;--vs-button-warning-fill-bg: #ffb057;--vs-button-warning-fill-border: #ffb057;--vs-button-warning-fill-color: #703815;--vs-button-warning-fill-hover-bg: #ff9824;--vs-button-warning-fill-hover-border: #ff9824;--vs-button-warning-fill-active-bg: #ff8c0b;--vs-button-warning-fill-active-border: #f07f00;--vs-button-warning-fill-focus-border: #ff9824;--vs-button-warning-fill-focus-shadow: 0 0 0 .2rem #fff8f0;--vs-button-secondary-color: #6c757d;--vs-button-secondary-bg: transparent;--vs-button-secondary-border: #6c757d;--vs-button-secondary-hover-color: #545b62;--vs-button-secondary-hover-border: #545b62;--vs-button-secondary-hover-bg: #f3f4f5;--vs-button-secondary-active-color: #3d4246;--vs-button-secondary-active-border: #3d4246;--vs-button-secondary-active-bg: #f3f4f5;--vs-button-secondary-focus-border: #545b62;--vs-button-secondary-focus-shadow: 0 0 0 .2rem #bcc1c6;--vs-button-secondary-fill-bg: #6c757d;--vs-button-secondary-fill-border: #6c757d;--vs-button-secondary-fill-color: #ffffff;--vs-button-secondary-fill-hover-bg: #545b62;--vs-button-secondary-fill-hover-border: #545b62;--vs-button-secondary-fill-active-bg: #494f54;--vs-button-secondary-fill-active-border: #3d4246;--vs-button-secondary-fill-focus-border: #545b62;--vs-button-secondary-fill-focus-shadow: 0 0 0 .2rem #bcc1c6;--vs-button-light-color: #f8f9fa;--vs-button-light-bg: transparent;--vs-button-light-border: #f8f9fa;--vs-button-light-hover-color: #dae0e5;--vs-button-light-hover-border: #dae0e5;--vs-button-light-hover-bg: white;--vs-button-light-active-color: #bdc6d0;--vs-button-light-active-border: #bdc6d0;--vs-button-light-active-bg: white;--vs-button-light-focus-border: #dae0e5;--vs-button-light-focus-shadow: 0 0 0 .2rem white;--vs-button-light-fill-bg: #f8f9fa;--vs-button-light-fill-border: #f8f9fa;--vs-button-light-fill-color: #212529;--vs-button-light-fill-hover-bg: #dae0e5;--vs-button-light-fill-hover-border: #dae0e5;--vs-button-light-fill-active-bg: #cbd3da;--vs-button-light-fill-active-border: #bdc6d0;--vs-button-light-fill-focus-border: #dae0e5;--vs-button-light-fill-focus-shadow: 0 0 0 .2rem white;border-radius:4px;font-weight:400;box-sizing:border-box;-webkit-user-select:none;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:var(--vs-button-primary-bg);color:var(--vs-button-primary-color);border:solid 1px var(--vs-button-primary-border)}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:var(--vs-button-primary-hover-border);background:var(--vs-button-primary-hover-bg);color:var(--vs-button-primary-hover-color)}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:var(--vs-button-primary-active-border);background:var(--vs-button-primary-active-bg);color:var(--vs-button-primary-active-color)}.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:var(--vs-button-primary-focus-border);box-shadow:var(--vs-button-primary-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:var(--vs-button-primary-fill-bg);color:var(--vs-button-primary-fill-color);border:solid 1px var(--vs-button-primary-fill-border)}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:var(--vs-button-primary-fill-hover-border);background:var(--vs-button-primary-fill-hover-bg)}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:var(--vs-button-primary-fill-active-border);background:var(--vs-button-primary-fill-active-bg)}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:var(--vs-button-primary-fill-focus-border);box-shadow:var(--vs-button-primary-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:var(--vs-button-success-bg);color:var(--vs-button-success-color);border:solid 1px var(--vs-button-success-border)}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:var(--vs-button-success-hover-border);background:var(--vs-button-success-hover-bg);color:var(--vs-button-success-hover-color)}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:var(--vs-button-success-active-border);background:var(--vs-button-success-active-bg);color:var(--vs-button-success-active-color)}.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:var(--vs-button-success-focus-border);box-shadow:var(--vs-button-success-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:var(--vs-button-success-fill-bg);color:var(--vs-button-success-fill-color);border:solid 1px var(--vs-button-success-fill-border)}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:var(--vs-button-success-fill-hover-border);background:var(--vs-button-success-fill-hover-bg)}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:var(--vs-button-success-fill-active-border);background:var(--vs-button-success-fill-active-bg)}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:var(--vs-button-success-fill-focus-border);box-shadow:var(--vs-button-success-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:var(--vs-button-danger-bg);color:var(--vs-button-danger-color);border:solid 1px var(--vs-button-danger-border)}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:var(--vs-button-danger-hover-border);background:var(--vs-button-danger-hover-bg);color:var(--vs-button-danger-hover-color)}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:var(--vs-button-danger-active-border);background:var(--vs-button-danger-active-bg);color:var(--vs-button-danger-active-color)}.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:var(--vs-button-danger-focus-border);box-shadow:var(--vs-button-danger-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:var(--vs-button-danger-fill-bg);color:var(--vs-button-danger-fill-color);border:solid 1px var(--vs-button-danger-fill-border)}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:var(--vs-button-danger-fill-hover-border);background:var(--vs-button-danger-fill-hover-bg)}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:var(--vs-button-danger-fill-active-border);background:var(--vs-button-danger-fill-active-bg)}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:var(--vs-button-danger-fill-focus-border);box-shadow:var(--vs-button-danger-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:var(--vs-button-warning-bg);color:var(--vs-button-warning-color);border:solid 1px var(--vs-button-warning-border)}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:var(--vs-button-warning-hover-border);background:var(--vs-button-warning-hover-bg);color:var(--vs-button-warning-hover-color)}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:var(--vs-button-warning-active-border);background:var(--vs-button-warning-active-bg);color:var(--vs-button-warning-active-color)}.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:var(--vs-button-warning-focus-border);box-shadow:var(--vs-button-warning-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:var(--vs-button-warning-fill-bg);color:var(--vs-button-warning-fill-color);border:solid 1px var(--vs-button-warning-fill-border)}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:var(--vs-button-warning-fill-hover-border);background:var(--vs-button-warning-fill-hover-bg)}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:var(--vs-button-warning-fill-active-border);background:var(--vs-button-warning-fill-active-bg)}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:var(--vs-button-warning-fill-focus-border);box-shadow:var(--vs-button-warning-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:var(--vs-button-secondary-bg);color:var(--vs-button-secondary-color);border:solid 1px var(--vs-button-secondary-border)}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:var(--vs-button-secondary-hover-border);background:var(--vs-button-secondary-hover-bg);color:var(--vs-button-secondary-hover-color)}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:var(--vs-button-secondary-active-border);background:var(--vs-button-secondary-active-bg);color:var(--vs-button-secondary-active-color)}.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:var(--vs-button-secondary-focus-border);box-shadow:var(--vs-button-secondary-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:var(--vs-button-secondary-fill-bg);color:var(--vs-button-secondary-fill-color);border:solid 1px var(--vs-button-secondary-fill-border)}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:var(--vs-button-secondary-fill-hover-border);background:var(--vs-button-secondary-fill-hover-bg)}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:var(--vs-button-secondary-fill-active-border);background:var(--vs-button-secondary-fill-active-bg)}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:var(--vs-button-secondary-fill-focus-border);box-shadow:var(--vs-button-secondary-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:var(--vs-button-light-bg);color:var(--vs-button-light-color);border:solid 1px var(--vs-button-light-border)}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:var(--vs-button-light-hover-border);background:var(--vs-button-light-hover-bg);color:var(--vs-button-light-hover-color)}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:var(--vs-button-light-active-border);background:var(--vs-button-light-active-bg);color:var(--vs-button-light-active-color)}.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:var(--vs-button-light-focus-border);box-shadow:var(--vs-button-light-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:var(--vs-button-light-fill-bg);color:var(--vs-button-light-fill-color);border:solid 1px var(--vs-button-light-fill-border)}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:var(--vs-button-light-fill-hover-border);background:var(--vs-button-light-fill-hover-bg)}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:var(--vs-button-light-fill-active-border);background:var(--vs-button-light-fill-active-bg)}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:var(--vs-button-light-fill-focus-border);box-shadow:var(--vs-button-light-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:var(--vs-button-primary-color);border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}html[data-theme=dark] .vs-button,html.dark .vs-button{--vs-button-disabled-bg: #ffffff14;--vs-button-disabled-border: transparent;--vs-button-disabled-color: #5c6970;--vs-button-primary-hover-bg: #092134;--vs-button-primary-hover-border: #2d8edc;--vs-button-primary-hover-color: #2d8edc;--vs-button-success-hover-bg: #0a2c12;--vs-button-success-hover-border: #34ce57;--vs-button-success-hover-color: #34ce57;--vs-button-danger-hover-bg: #140506;--vs-button-danger-hover-border: #d65c66;--vs-button-danger-hover-color: #d65c66;--vs-button-warning-hover-bg: #3e2100;--vs-button-warning-hover-border: #ffc88a;--vs-button-warning-hover-color: #ffc88a;--vs-button-secondary-hover-bg: black;--vs-button-secondary-hover-border: #868e96;--vs-button-secondary-hover-color: #868e96;--vs-button-light-hover-bg: #9fadba;--vs-button-light-hover-border: white;--vs-button-light-hover-color: white}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ var VsButton=function(l,e){"use strict";const h="",r=(i,s)=>{const t=i.__vccOpts||i;for(const[o,n]of s)t[o]=n;return t},c={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"}}}},u={class:"vs-loader"};function y(i,s,t,o,n,a){return e.openBlock(),e.createElementBlock("div",u,[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(c,[["render",y]]),S="",_={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 m(i,s,t,o,n,a){const g=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:a.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",a.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(g,{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 d=r(_,[["render",m]]),p={install(i){i.component("VsButton",d)}};return l.default=d,l.plugin=p,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),l}({},Vue);
package/dist/index.umd.js CHANGED
@@ -1,3 +1,2 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@charset "UTF-8";@-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;-webkit-user-select:none;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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- (function(n,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(n=typeof globalThis<"u"?globalThis:n||self,t(n.VsButton={},n.Vue))})(this,function(n,t){"use strict";var v=document.createElement("style");v.textContent=`@charset "UTF-8";@-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;-webkit-user-select:none;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}html[data-theme=dark] .vs-button.vs-button__primary:hover,html.dark .vs-button.vs-button__primary:hover{background:#092134;border-color:#2d8edc;color:#2d8edc}html[data-theme=dark] .vs-button.vs-button__success:hover,html.dark .vs-button.vs-button__success:hover{background:#0a2c12;border-color:#34ce57;color:#34ce57}html[data-theme=dark] .vs-button.vs-button__danger:hover,html.dark .vs-button.vs-button__danger:hover{background:#140506;border-color:#d65c66;color:#d65c66}html[data-theme=dark] .vs-button.vs-button__warning:hover,html.dark .vs-button.vs-button__warning:hover{background:#3e2100;border-color:#ffc88a;color:#ffc88a}html[data-theme=dark] .vs-button.vs-button__secondary:hover,html.dark .vs-button.vs-button__secondary:hover{background:black;border-color:#868e96;color:#868e96}html[data-theme=dark] .vs-button.vs-button__light:hover,html.dark .vs-button.vs-button__light:hover{background:#9fadba;border-color:#fff;color:#fff}html[data-theme=dark] .vs-button:disabled,html[data-theme=dark] .vs-button.vs-button--loading,html.dark .vs-button:disabled,html.dark .vs-button.vs-button--loading{background:rgba(255,255,255,.0784313725);border-color:transparent;color:#5c6970;cursor:no-drop}
3
- `,document.head.appendChild(v);const y="",c=(e,b)=>{const o=e.__vccOpts||e;for(const[u,s]of b)o[u]=s;return o},i={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"}}}},a={class:"vs-loader"};function d(e,b,o,u,s,r){return t.openBlock(),t.createElementBlock("div",a,[t.createElementVNode("div",{style:t.normalizeStyle([s.spinnerStyle,s.spinnerDelay1])},null,4),t.createElementVNode("div",{style:t.normalizeStyle([s.spinnerStyle,s.spinnerDelay2])},null,4),t.createElementVNode("div",{style:t.normalizeStyle([s.spinnerStyle,s.spinnerDelay3])},null,4)])}const _=c(i,[["render",d]]),m="",f={name:"VsButton",components:{VsLoader:_},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 g(e,b,o,u,s,r){const p=t.resolveComponent("vs-loader");return t.openBlock(),t.createBlock(t.resolveDynamicComponent(r.isLink),{role:o.href?"button":!1,href:o.href,target:o.target,rel:o.rel,type:r.isLink?"button":!1,disabled:o.disabled||o.isLoading,class:t.normalizeClass(["vs-button",r.classList])},{default:t.withCtx(()=>[o.isLoading?(t.openBlock(),t.createBlock(p,{key:0,size:o.loaderSize,color:o.loaderColor},null,8,["size","color"])):t.renderSlot(e.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const l=c(f,[["render",g]]),h={install(e){e.component("VsButton",l)}};n.default=l,n.plugin=h,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.id="vs-button-styles",o.appendChild(document.createTextNode('@charset "UTF-8";@-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{--vs-button-disabled-bg: #e9ebed;--vs-button-disabled-border: transparent;--vs-button-disabled-color: #c2c8cc;--vs-button-primary-color: #1f73b7;--vs-button-primary-bg: transparent;--vs-button-primary-border: #1f73b7;--vs-button-primary-hover-color: #18588b;--vs-button-primary-hover-border: #18588b;--vs-button-primary-hover-bg: #f2f8fd;--vs-button-primary-active-color: #103c60;--vs-button-primary-active-border: #103c60;--vs-button-primary-active-bg: #dcecf9;--vs-button-primary-focus-border: #18588b;--vs-button-primary-focus-shadow: 0 0 0 .2rem #85bdea;--vs-button-primary-fill-bg: #1f73b7;--vs-button-primary-fill-border: #1f73b7;--vs-button-primary-fill-color: #ffffff;--vs-button-primary-fill-hover-bg: #18588b;--vs-button-primary-fill-hover-border: #18588b;--vs-button-primary-fill-active-bg: #144a76;--vs-button-primary-fill-active-border: #103c60;--vs-button-primary-fill-focus-border: #18588b;--vs-button-primary-fill-focus-shadow: 0 0 0 .2rem #85bdea;--vs-button-success-color: #28a745;--vs-button-success-bg: transparent;--vs-button-success-border: #28a745;--vs-button-success-hover-color: #1e7e34;--vs-button-success-hover-border: #1e7e34;--vs-button-success-hover-bg: #edfbf0;--vs-button-success-active-color: #145523;--vs-button-success-active-border: #145523;--vs-button-success-active-bg: #d8f6df;--vs-button-success-focus-border: #1e7e34;--vs-button-success-focus-shadow: 0 0 0 .2rem #86e29b;--vs-button-success-fill-bg: #28a745;--vs-button-success-fill-border: #28a745;--vs-button-success-fill-color: #ffffff;--vs-button-success-fill-hover-bg: #1e7e34;--vs-button-success-fill-hover-border: #1e7e34;--vs-button-success-fill-active-bg: #19692c;--vs-button-success-fill-active-border: #145523;--vs-button-success-fill-focus-border: #1e7e34;--vs-button-success-fill-focus-shadow: 0 0 0 .2rem #86e29b;--vs-button-danger-color: #cc3340;--vs-button-danger-bg: transparent;--vs-button-danger-border: #cc3340;--vs-button-danger-hover-color: #a32933;--vs-button-danger-hover-border: #a32933;--vs-button-danger-hover-bg: #faebec;--vs-button-danger-active-color: #7a1f26;--vs-button-danger-active-border: #7a1f26;--vs-button-danger-active-bg: white;--vs-button-danger-focus-border: #a32933;--vs-button-danger-focus-shadow: 0 0 0 .2rem #ebadb3;--vs-button-danger-fill-bg: #cc3340;--vs-button-danger-fill-border: #cc3340;--vs-button-danger-fill-color: #ffffff;--vs-button-danger-fill-hover-bg: #a32933;--vs-button-danger-fill-hover-border: #a32933;--vs-button-danger-fill-active-bg: #8f242d;--vs-button-danger-fill-active-border: #7a1f26;--vs-button-danger-fill-focus-border: #a32933;--vs-button-danger-fill-focus-shadow: 0 0 0 .2rem #ebadb3;--vs-button-warning-color: #ffb057;--vs-button-warning-bg: transparent;--vs-button-warning-border: #ffb057;--vs-button-warning-hover-color: #ff9824;--vs-button-warning-hover-border: #ff9824;--vs-button-warning-hover-bg: #fff8f0;--vs-button-warning-active-color: #f07f00;--vs-button-warning-active-border: #f07f00;--vs-button-warning-active-bg: white;--vs-button-warning-focus-border: #ff9824;--vs-button-warning-focus-shadow: 0 0 0 .2rem #fff8f0;--vs-button-warning-fill-bg: #ffb057;--vs-button-warning-fill-border: #ffb057;--vs-button-warning-fill-color: #703815;--vs-button-warning-fill-hover-bg: #ff9824;--vs-button-warning-fill-hover-border: #ff9824;--vs-button-warning-fill-active-bg: #ff8c0b;--vs-button-warning-fill-active-border: #f07f00;--vs-button-warning-fill-focus-border: #ff9824;--vs-button-warning-fill-focus-shadow: 0 0 0 .2rem #fff8f0;--vs-button-secondary-color: #6c757d;--vs-button-secondary-bg: transparent;--vs-button-secondary-border: #6c757d;--vs-button-secondary-hover-color: #545b62;--vs-button-secondary-hover-border: #545b62;--vs-button-secondary-hover-bg: #f3f4f5;--vs-button-secondary-active-color: #3d4246;--vs-button-secondary-active-border: #3d4246;--vs-button-secondary-active-bg: #f3f4f5;--vs-button-secondary-focus-border: #545b62;--vs-button-secondary-focus-shadow: 0 0 0 .2rem #bcc1c6;--vs-button-secondary-fill-bg: #6c757d;--vs-button-secondary-fill-border: #6c757d;--vs-button-secondary-fill-color: #ffffff;--vs-button-secondary-fill-hover-bg: #545b62;--vs-button-secondary-fill-hover-border: #545b62;--vs-button-secondary-fill-active-bg: #494f54;--vs-button-secondary-fill-active-border: #3d4246;--vs-button-secondary-fill-focus-border: #545b62;--vs-button-secondary-fill-focus-shadow: 0 0 0 .2rem #bcc1c6;--vs-button-light-color: #f8f9fa;--vs-button-light-bg: transparent;--vs-button-light-border: #f8f9fa;--vs-button-light-hover-color: #dae0e5;--vs-button-light-hover-border: #dae0e5;--vs-button-light-hover-bg: white;--vs-button-light-active-color: #bdc6d0;--vs-button-light-active-border: #bdc6d0;--vs-button-light-active-bg: white;--vs-button-light-focus-border: #dae0e5;--vs-button-light-focus-shadow: 0 0 0 .2rem white;--vs-button-light-fill-bg: #f8f9fa;--vs-button-light-fill-border: #f8f9fa;--vs-button-light-fill-color: #212529;--vs-button-light-fill-hover-bg: #dae0e5;--vs-button-light-fill-hover-border: #dae0e5;--vs-button-light-fill-active-bg: #cbd3da;--vs-button-light-fill-active-border: #bdc6d0;--vs-button-light-fill-focus-border: #dae0e5;--vs-button-light-fill-focus-shadow: 0 0 0 .2rem white;border-radius:4px;font-weight:400;box-sizing:border-box;-webkit-user-select:none;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:var(--vs-button-primary-bg);color:var(--vs-button-primary-color);border:solid 1px var(--vs-button-primary-border)}.vs-button.vs-button__primary:hover,.vs-button.vs-button__primary:hover:hover,.vs-button.vs-button__primary:focus:hover{border-color:var(--vs-button-primary-hover-border);background:var(--vs-button-primary-hover-bg);color:var(--vs-button-primary-hover-color)}.vs-button.vs-button__primary:active,.vs-button.vs-button__primary:hover:active,.vs-button.vs-button__primary:focus:active{border-color:var(--vs-button-primary-active-border);background:var(--vs-button-primary-active-bg);color:var(--vs-button-primary-active-color)}.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:var(--vs-button-primary-focus-border);box-shadow:var(--vs-button-primary-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__primary-fill,.vs-button.vs-button__primary-fill:focus{background:var(--vs-button-primary-fill-bg);color:var(--vs-button-primary-fill-color);border:solid 1px var(--vs-button-primary-fill-border)}.vs-button.vs-button__primary-fill:hover,.vs-button.vs-button__primary-fill:focus:hover{border-color:var(--vs-button-primary-fill-hover-border);background:var(--vs-button-primary-fill-hover-bg)}.vs-button.vs-button__primary-fill:active,.vs-button.vs-button__primary-fill:focus:active{border-color:var(--vs-button-primary-fill-active-border);background:var(--vs-button-primary-fill-active-bg)}.vs-button.vs-button__primary-fill:focus-visible,.vs-button.vs-button__primary-fill:focus:focus-visible{border-color:var(--vs-button-primary-fill-focus-border);box-shadow:var(--vs-button-primary-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__success,.vs-button.vs-button__success:hover,.vs-button.vs-button__success:focus{background:var(--vs-button-success-bg);color:var(--vs-button-success-color);border:solid 1px var(--vs-button-success-border)}.vs-button.vs-button__success:hover,.vs-button.vs-button__success:hover:hover,.vs-button.vs-button__success:focus:hover{border-color:var(--vs-button-success-hover-border);background:var(--vs-button-success-hover-bg);color:var(--vs-button-success-hover-color)}.vs-button.vs-button__success:active,.vs-button.vs-button__success:hover:active,.vs-button.vs-button__success:focus:active{border-color:var(--vs-button-success-active-border);background:var(--vs-button-success-active-bg);color:var(--vs-button-success-active-color)}.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:var(--vs-button-success-focus-border);box-shadow:var(--vs-button-success-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__success-fill,.vs-button.vs-button__success-fill:focus{background:var(--vs-button-success-fill-bg);color:var(--vs-button-success-fill-color);border:solid 1px var(--vs-button-success-fill-border)}.vs-button.vs-button__success-fill:hover,.vs-button.vs-button__success-fill:focus:hover{border-color:var(--vs-button-success-fill-hover-border);background:var(--vs-button-success-fill-hover-bg)}.vs-button.vs-button__success-fill:active,.vs-button.vs-button__success-fill:focus:active{border-color:var(--vs-button-success-fill-active-border);background:var(--vs-button-success-fill-active-bg)}.vs-button.vs-button__success-fill:focus-visible,.vs-button.vs-button__success-fill:focus:focus-visible{border-color:var(--vs-button-success-fill-focus-border);box-shadow:var(--vs-button-success-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__danger,.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:focus{background:var(--vs-button-danger-bg);color:var(--vs-button-danger-color);border:solid 1px var(--vs-button-danger-border)}.vs-button.vs-button__danger:hover,.vs-button.vs-button__danger:hover:hover,.vs-button.vs-button__danger:focus:hover{border-color:var(--vs-button-danger-hover-border);background:var(--vs-button-danger-hover-bg);color:var(--vs-button-danger-hover-color)}.vs-button.vs-button__danger:active,.vs-button.vs-button__danger:hover:active,.vs-button.vs-button__danger:focus:active{border-color:var(--vs-button-danger-active-border);background:var(--vs-button-danger-active-bg);color:var(--vs-button-danger-active-color)}.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:var(--vs-button-danger-focus-border);box-shadow:var(--vs-button-danger-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__danger-fill,.vs-button.vs-button__danger-fill:focus{background:var(--vs-button-danger-fill-bg);color:var(--vs-button-danger-fill-color);border:solid 1px var(--vs-button-danger-fill-border)}.vs-button.vs-button__danger-fill:hover,.vs-button.vs-button__danger-fill:focus:hover{border-color:var(--vs-button-danger-fill-hover-border);background:var(--vs-button-danger-fill-hover-bg)}.vs-button.vs-button__danger-fill:active,.vs-button.vs-button__danger-fill:focus:active{border-color:var(--vs-button-danger-fill-active-border);background:var(--vs-button-danger-fill-active-bg)}.vs-button.vs-button__danger-fill:focus-visible,.vs-button.vs-button__danger-fill:focus:focus-visible{border-color:var(--vs-button-danger-fill-focus-border);box-shadow:var(--vs-button-danger-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__warning,.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:focus{background:var(--vs-button-warning-bg);color:var(--vs-button-warning-color);border:solid 1px var(--vs-button-warning-border)}.vs-button.vs-button__warning:hover,.vs-button.vs-button__warning:hover:hover,.vs-button.vs-button__warning:focus:hover{border-color:var(--vs-button-warning-hover-border);background:var(--vs-button-warning-hover-bg);color:var(--vs-button-warning-hover-color)}.vs-button.vs-button__warning:active,.vs-button.vs-button__warning:hover:active,.vs-button.vs-button__warning:focus:active{border-color:var(--vs-button-warning-active-border);background:var(--vs-button-warning-active-bg);color:var(--vs-button-warning-active-color)}.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:var(--vs-button-warning-focus-border);box-shadow:var(--vs-button-warning-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__warning-fill,.vs-button.vs-button__warning-fill:focus{background:var(--vs-button-warning-fill-bg);color:var(--vs-button-warning-fill-color);border:solid 1px var(--vs-button-warning-fill-border)}.vs-button.vs-button__warning-fill:hover,.vs-button.vs-button__warning-fill:focus:hover{border-color:var(--vs-button-warning-fill-hover-border);background:var(--vs-button-warning-fill-hover-bg)}.vs-button.vs-button__warning-fill:active,.vs-button.vs-button__warning-fill:focus:active{border-color:var(--vs-button-warning-fill-active-border);background:var(--vs-button-warning-fill-active-bg)}.vs-button.vs-button__warning-fill:focus-visible,.vs-button.vs-button__warning-fill:focus:focus-visible{border-color:var(--vs-button-warning-fill-focus-border);box-shadow:var(--vs-button-warning-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__secondary,.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:focus{background:var(--vs-button-secondary-bg);color:var(--vs-button-secondary-color);border:solid 1px var(--vs-button-secondary-border)}.vs-button.vs-button__secondary:hover,.vs-button.vs-button__secondary:hover:hover,.vs-button.vs-button__secondary:focus:hover{border-color:var(--vs-button-secondary-hover-border);background:var(--vs-button-secondary-hover-bg);color:var(--vs-button-secondary-hover-color)}.vs-button.vs-button__secondary:active,.vs-button.vs-button__secondary:hover:active,.vs-button.vs-button__secondary:focus:active{border-color:var(--vs-button-secondary-active-border);background:var(--vs-button-secondary-active-bg);color:var(--vs-button-secondary-active-color)}.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:var(--vs-button-secondary-focus-border);box-shadow:var(--vs-button-secondary-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__secondary-fill,.vs-button.vs-button__secondary-fill:focus{background:var(--vs-button-secondary-fill-bg);color:var(--vs-button-secondary-fill-color);border:solid 1px var(--vs-button-secondary-fill-border)}.vs-button.vs-button__secondary-fill:hover,.vs-button.vs-button__secondary-fill:focus:hover{border-color:var(--vs-button-secondary-fill-hover-border);background:var(--vs-button-secondary-fill-hover-bg)}.vs-button.vs-button__secondary-fill:active,.vs-button.vs-button__secondary-fill:focus:active{border-color:var(--vs-button-secondary-fill-active-border);background:var(--vs-button-secondary-fill-active-bg)}.vs-button.vs-button__secondary-fill:focus-visible,.vs-button.vs-button__secondary-fill:focus:focus-visible{border-color:var(--vs-button-secondary-fill-focus-border);box-shadow:var(--vs-button-secondary-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__light,.vs-button.vs-button__light:hover,.vs-button.vs-button__light:focus{background:var(--vs-button-light-bg);color:var(--vs-button-light-color);border:solid 1px var(--vs-button-light-border)}.vs-button.vs-button__light:hover,.vs-button.vs-button__light:hover:hover,.vs-button.vs-button__light:focus:hover{border-color:var(--vs-button-light-hover-border);background:var(--vs-button-light-hover-bg);color:var(--vs-button-light-hover-color)}.vs-button.vs-button__light:active,.vs-button.vs-button__light:hover:active,.vs-button.vs-button__light:focus:active{border-color:var(--vs-button-light-active-border);background:var(--vs-button-light-active-bg);color:var(--vs-button-light-active-color)}.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:var(--vs-button-light-focus-border);box-shadow:var(--vs-button-light-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__light-fill,.vs-button.vs-button__light-fill:focus{background:var(--vs-button-light-fill-bg);color:var(--vs-button-light-fill-color);border:solid 1px var(--vs-button-light-fill-border)}.vs-button.vs-button__light-fill:hover,.vs-button.vs-button__light-fill:focus:hover{border-color:var(--vs-button-light-fill-hover-border);background:var(--vs-button-light-fill-hover-bg)}.vs-button.vs-button__light-fill:active,.vs-button.vs-button__light-fill:focus:active{border-color:var(--vs-button-light-fill-active-border);background:var(--vs-button-light-fill-active-bg)}.vs-button.vs-button__light-fill:focus-visible,.vs-button.vs-button__light-fill:focus:focus-visible{border-color:var(--vs-button-light-fill-focus-border);box-shadow:var(--vs-button-light-fill-focus-shadow);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:var(--vs-button-disabled-bg);border-color:var(--vs-button-disabled-border);color:var(--vs-button-disabled-color);cursor:no-drop}.vs-button.vs-button__link{background:transparent;color:var(--vs-button-primary-color);border:none;padding:0}.vs-button.vs-button__link:hover{text-decoration:underline}html[data-theme=dark] .vs-button,html.dark .vs-button{--vs-button-disabled-bg: #ffffff14;--vs-button-disabled-border: transparent;--vs-button-disabled-color: #5c6970;--vs-button-primary-hover-bg: #092134;--vs-button-primary-hover-border: #2d8edc;--vs-button-primary-hover-color: #2d8edc;--vs-button-success-hover-bg: #0a2c12;--vs-button-success-hover-border: #34ce57;--vs-button-success-hover-color: #34ce57;--vs-button-danger-hover-bg: #140506;--vs-button-danger-hover-border: #d65c66;--vs-button-danger-hover-color: #d65c66;--vs-button-warning-hover-bg: #3e2100;--vs-button-warning-hover-border: #ffc88a;--vs-button-warning-hover-color: #ffc88a;--vs-button-secondary-hover-bg: black;--vs-button-secondary-hover-border: #868e96;--vs-button-secondary-hover-color: #868e96;--vs-button-light-hover-bg: #9fadba;--vs-button-light-hover-border: white;--vs-button-light-hover-color: white}')),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
+ (function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.VsButton={},i.Vue))})(this,function(i,e){"use strict";const g="",r=(l,s)=>{const t=l.__vccOpts||l;for(const[a,n]of s)t[a]=n;return t},c={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"}}}},u={class:"vs-loader"};function f(l,s,t,a,n,o){return e.openBlock(),e.createElementBlock("div",u,[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 y=r(c,[["render",f]]),S="",p={name:"VsButton",components:{VsLoader:y},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 m(l,s,t,a,n,o){const h=e.resolveComponent("vs-loader");return e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.isLink),{role:t.href?"button":!1,href:t.href,target:t.target,rel:t.rel,type:o.isLink?"button":!1,disabled:t.disabled||t.isLoading,class:e.normalizeClass(["vs-button",o.classList])},{default:e.withCtx(()=>[t.isLoading?(e.openBlock(),e.createBlock(h,{key:0,size:t.loaderSize,color:t.loaderColor},null,8,["size","color"])):e.renderSlot(l.$slots,"default",{key:1})]),_:3},8,["role","href","target","rel","type","disabled","class"])}const d=r(p,[["render",m]]),_={install(l){l.component("VsButton",d)}};i.default=d,i.plugin=_,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuesimple/vs-button",
3
- "version": "3.1.5",
3
+ "version": "3.1.7",
4
4
  "description": "A simple vue button. Perfect for all your button scenarios.",
5
5
  "main": "dist/index.umd.js",
6
6
  "module": "dist/index.esm.js",
@@ -20,7 +20,8 @@
20
20
  "url": "git+https://github.com/ashwinkshenoy/vue-simple.git"
21
21
  },
22
22
  "publishConfig": {
23
- "registry": "https://registry.npmjs.org"
23
+ "registry": "https://registry.npmjs.org",
24
+ "access": "public"
24
25
  },
25
26
  "keywords": [
26
27
  "vue",
@@ -42,5 +43,5 @@
42
43
  "url": "https://github.com/ashwinkshenoy/vue-simple/issues"
43
44
  },
44
45
  "homepage": "https://github.com/ashwinkshenoy/vue-simple",
45
- "gitHead": "fdc31874be9139110b07ddf6966b348a3db785a8"
46
+ "gitHead": "2002c260f34ce422b53c85326fbac4ae675a5cb5"
46
47
  }
package/src/vs-button.vue CHANGED
@@ -96,16 +96,60 @@
96
96
 
97
97
  <style lang="scss">
98
98
  $el: '.vs-button';
99
+ $color-primary: #1f73b7;
100
+ $color-secondary: #6c757d;
101
+ $color-light: #f8f9fa;
102
+ $color-success: #28a745;
103
+ $color-danger: #cc3340;
104
+ $color-warning: #ffb057;
105
+ $color-disabled-bg: #e9ebed;
106
+ $color-disabled-text: #c2c8cc;
107
+
108
+ $theme:
109
+ (primary $color-primary #ffffff), (success $color-success #ffffff), (danger $color-danger #ffffff),
110
+ (warning $color-warning #703815), (secondary $color-secondary #ffffff), (light $color-light #212529);
99
111
 
100
112
  #{$el} {
101
- $color-primary: #1f73b7;
102
- $color-secondary: #6c757d;
103
- $color-light: #f8f9fa;
104
- $color-success: #28a745;
105
- $color-danger: #cc3340;
106
- $color-warning: #ffb057;
107
- $color-disabled-bg: #e9ebed;
108
- $color-disabled-text: #c2c8cc;
113
+ --vs-button-disabled-bg: #{$color-disabled-bg};
114
+ --vs-button-disabled-border: transparent;
115
+ --vs-button-disabled-color: #{$color-disabled-text};
116
+
117
+ @each $button in $theme {
118
+ --vs-button-#{nth($button, 1)}-color: #{nth($button, 2)};
119
+ --vs-button-#{nth($button, 1)}-bg: transparent;
120
+ --vs-button-#{nth($button, 1)}-border: #{nth($button, 2)};
121
+
122
+ --vs-button-#{nth($button, 1)}-hover-color: #{darken(nth($button, 2), 10%)};
123
+ --vs-button-#{nth($button, 1)}-hover-border: #{darken(nth($button, 2), 10%)};
124
+
125
+ @if nth($button, 1) == warning {
126
+ --vs-button-#{nth($button, 1)}-hover-bg: #{lighten(nth($button, 2), 30%)};
127
+ } @else if nth($button, 1) == danger {
128
+ --vs-button-#{nth($button, 1)}-hover-bg: #{lighten(nth($button, 2), 45%)};
129
+ } @else if nth($button, 1) == secondary {
130
+ --vs-button-#{nth($button, 1)}-hover-bg: #{lighten(nth($button, 2), 50%)};
131
+ } @else {
132
+ --vs-button-#{nth($button, 1)}-hover-bg: #{lighten(nth($button, 2), 55%)};
133
+ }
134
+
135
+ --vs-button-#{nth($button, 1)}-active-color: #{darken(nth($button, 2), 20%)};
136
+ --vs-button-#{nth($button, 1)}-active-border: #{darken(nth($button, 2), 20%)};
137
+ --vs-button-#{nth($button, 1)}-active-bg: #{lighten(nth($button, 2), 50%)};
138
+
139
+ --vs-button-#{nth($button, 1)}-focus-border: #{darken(nth($button, 2), 10%)};
140
+ --vs-button-#{nth($button, 1)}-focus-shadow: 0 0 0 0.2rem #{lighten(nth($button, 2), 30%)};
141
+
142
+ --vs-button-#{nth($button, 1)}-fill-bg: #{nth($button, 2)};
143
+ --vs-button-#{nth($button, 1)}-fill-border: #{nth($button, 2)};
144
+ --vs-button-#{nth($button, 1)}-fill-color: #{nth($button, 3)};
145
+
146
+ --vs-button-#{nth($button, 1)}-fill-hover-bg: #{darken(nth($button, 2), 10%)};
147
+ --vs-button-#{nth($button, 1)}-fill-hover-border: #{darken(nth($button, 2), 10%)};
148
+ --vs-button-#{nth($button, 1)}-fill-active-bg: #{darken(nth($button, 2), 15%)};
149
+ --vs-button-#{nth($button, 1)}-fill-active-border: #{darken(nth($button, 2), 20%)};
150
+ --vs-button-#{nth($button, 1)}-fill-focus-border: #{darken(nth($button, 2), 10%)};
151
+ --vs-button-#{nth($button, 1)}-fill-focus-shadow: 0 0 0 0.2rem #{lighten(nth($button, 2), 30%)};
152
+ }
109
153
 
110
154
  border-radius: 4px;
111
155
  font-weight: 400;
@@ -117,7 +161,10 @@
117
161
  align-items: center;
118
162
  -webkit-box-pack: center;
119
163
  justify-content: center;
120
- transition: border-color 0.25s ease-in-out 0s, box-shadow 0.1s ease-in-out 0s, background-color 0.25s ease-in-out 0s,
164
+ transition:
165
+ border-color 0.25s ease-in-out 0s,
166
+ box-shadow 0.1s ease-in-out 0s,
167
+ background-color 0.25s ease-in-out 0s,
121
168
  color 0.25s ease-in-out 0s;
122
169
  margin: 0px;
123
170
  cursor: pointer;
@@ -154,79 +201,68 @@
154
201
  border-radius: 50px;
155
202
  }
156
203
 
157
- $theme: (primary $color-primary #ffffff), (success $color-success #ffffff), (danger $color-danger #ffffff),
158
- (warning $color-warning #703815), (secondary $color-secondary #ffffff), (light $color-light #212529);
159
-
160
204
  @each $button in $theme {
161
205
  &#{$el}__#{nth($button, 1)},
162
206
  &#{$el}__#{nth($button, 1)}:hover,
163
207
  &#{$el}__#{nth($button, 1)}:focus {
164
- background: transparent;
165
- color: #{nth($button, 2)};
166
- border: solid 1px #{nth($button, 2)};
208
+ background: var(--vs-button-#{nth($button, 1)}-bg);
209
+ color: var(--vs-button-#{nth($button, 1)}-color);
210
+ border: solid 1px var(--vs-button-#{nth($button, 1)}-border);
167
211
 
168
212
  &:hover {
169
- border-color: darken(nth($button, 2), 10%);
170
- @if nth($button, 1) == warning {
171
- background: lighten(nth($button, 2), 30%);
172
- } @else if nth($button, 1) == danger {
173
- background: lighten(nth($button, 2), 45%);
174
- } @else if nth($button, 1) == secondary {
175
- background: lighten(nth($button, 2), 50%);
176
- } @else {
177
- background: lighten(nth($button, 2), 55%);
178
- }
179
- color: darken(nth($button, 2), 10%);
213
+ border-color: var(--vs-button-#{nth($button, 1)}-hover-border);
214
+ background: var(--vs-button-#{nth($button, 1)}-hover-bg);
215
+ color: var(--vs-button-#{nth($button, 1)}-hover-color);
180
216
  }
181
217
 
182
218
  &:active {
183
- border-color: darken(nth($button, 2), 20%);
184
- background: lighten(nth($button, 2), 50%);
185
- color: darken(nth($button, 2), 20%);
219
+ border-color: var(--vs-button-#{nth($button, 1)}-active-border);
220
+ background: var(--vs-button-#{nth($button, 1)}-active-bg);
221
+ color: var(--vs-button-#{nth($button, 1)}-active-color);
186
222
  }
187
223
 
188
224
  &:focus-visible {
189
- border-color: darken(nth($button, 2), 10%);
190
- box-shadow: 0 0 0 0.2rem lighten(nth($button, 2), 30%);
225
+ border-color: var(--vs-button-#{nth($button, 1)}-focus-border);
226
+ box-shadow: var(--vs-button-#{nth($button, 1)}-focus-shadow);
191
227
  outline: 0;
192
228
  }
193
229
 
194
230
  &:disabled,
195
231
  &#{$el}--loading {
196
- background: $color-disabled-bg;
197
- border-color: transparent;
198
- color: $color-disabled-text;
232
+ background: var(--vs-button-disabled-bg);
233
+ border-color: var(--vs-button-disabled-border);
234
+ color: var(--vs-button-disabled-color);
199
235
  cursor: no-drop;
200
236
  }
201
237
  }
202
238
 
203
239
  &#{$el}__#{nth($button, 1)}-fill,
204
240
  &#{$el}__#{nth($button, 1)}-fill:focus {
205
- background: #{nth($button, 2)};
206
- color: #{nth($button, 3)};
207
- border: solid 1px #{nth($button, 2)};
241
+ background: var(--vs-button-#{nth($button, 1)}-fill-bg);
242
+ color: var(--vs-button-#{nth($button, 1)}-fill-color);
243
+ border: solid 1px var(--vs-button-#{nth($button, 1)}-fill-border);
208
244
 
209
245
  &:hover {
210
- border-color: darken(nth($button, 2), 10%);
211
- background: darken(nth($button, 2), 10%);
246
+ border-color: var(--vs-button-#{nth($button, 1)}-fill-hover-border);
247
+ background: var(--vs-button-#{nth($button, 1)}-fill-hover-bg);
212
248
  }
213
249
 
214
250
  &:active {
215
- border-color: darken(nth($button, 2), 20%);
216
- background: darken(nth($button, 2), 15%);
251
+ border-color: var(--vs-button-#{nth($button, 1)}-fill-active-border);
252
+ background: var(--vs-button-#{nth($button, 1)}-fill-active-bg);
217
253
  }
218
254
 
219
255
  &:focus-visible {
220
- border-color: darken(nth($button, 2), 10%);
221
- box-shadow: 0 0 0 0.2rem lighten(nth($button, 2), 30%);
256
+ border-color: var(--vs-button-#{nth($button, 1)}-fill-focus-border);
257
+ box-shadow: var(--vs-button-#{nth($button, 1)}-fill-focus-shadow);
222
258
  outline: 0;
223
259
  }
224
260
 
225
261
  &:disabled,
226
262
  &#{$el}--loading {
227
- background: $color-disabled-bg;
228
- border-color: transparent;
229
- color: $color-disabled-text;
263
+ background: var(--vs-button-disabled-bg);
264
+ border-color: var(--vs-button-disabled-border);
265
+ color: var(--vs-button-disabled-color);
230
266
  cursor: no-drop;
231
267
  }
232
268
  }
@@ -234,7 +270,7 @@
234
270
 
235
271
  &#{$el}__link {
236
272
  background: transparent;
237
- color: $color-primary;
273
+ color: var(--vs-button-primary-color);
238
274
  border: none;
239
275
  padding: 0;
240
276
  &:hover {
@@ -247,41 +283,22 @@
247
283
  html[data-theme='dark'],
248
284
  html.dark {
249
285
  #{$el} {
250
- $color-primary: #1f73b7;
251
- $color-secondary: #6c757d;
252
- $color-light: #f8f9fa;
253
- $color-success: #28a745;
254
- $color-danger: #cc3340;
255
- $color-warning: #ffb057;
256
- $color-disabled-bg: #ffffff14;
257
- $color-disabled-text: #5c6970;
258
-
259
- $theme: (primary $color-primary #ffffff), (success $color-success #ffffff), (danger $color-danger #ffffff),
260
- (warning $color-warning #703815), (secondary $color-secondary #ffffff), (light $color-light #212529);
286
+ --vs-button-disabled-bg: #ffffff14;
287
+ --vs-button-disabled-border: transparent;
288
+ --vs-button-disabled-color: #5c6970;
261
289
 
262
290
  @each $button in $theme {
263
- &#{$el}__#{nth($button, 1)} {
264
- &:hover {
265
- @if nth($button, 1) == warning {
266
- background: darken(nth($button, 2), 55%);
267
- } @else if nth($button, 1) == danger {
268
- background: darken(nth($button, 2), 45%);
269
- } @else if nth($button, 1) == secondary {
270
- background: darken(nth($button, 2), 50%);
271
- } @else {
272
- background: darken(nth($button, 2), 30%);
273
- }
274
- border-color: lighten(nth($button, 2), 10%);
275
- color: lighten(nth($button, 2), 10%);
276
- }
277
- }
278
- &:disabled,
279
- &#{$el}--loading {
280
- background: $color-disabled-bg;
281
- border-color: transparent;
282
- color: $color-disabled-text;
283
- cursor: no-drop;
291
+ @if nth($button, 1) == warning {
292
+ --vs-button-#{nth($button, 1)}-hover-bg: #{darken(nth($button, 2), 55%)};
293
+ } @else if nth($button, 1) == danger {
294
+ --vs-button-#{nth($button, 1)}-hover-bg: #{darken(nth($button, 2), 45%)};
295
+ } @else if nth($button, 1) == secondary {
296
+ --vs-button-#{nth($button, 1)}-hover-bg: #{darken(nth($button, 2), 50%)};
297
+ } @else {
298
+ --vs-button-#{nth($button, 1)}-hover-bg: #{darken(nth($button, 2), 30%)};
284
299
  }
300
+ --vs-button-#{nth($button, 1)}-hover-border: #{lighten(nth($button, 2), 10%)};
301
+ --vs-button-#{nth($button, 1)}-hover-color: #{lighten(nth($button, 2), 10%)};
285
302
  }
286
303
  }
287
304
  }