vue3-select-component - npm Package Compare versions

Comparing version 0.11.5 to 0.11.6-beta.1

dist/index.es.js

@@ -1,7 +0,7 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@keyframes spinner-circle-animation-ed866313{0%,39%,to{opacity:0}40%{opacity:1}}.spinner[data-v-ed866313]{position:relative;width:var(--vs-spinner-size);height:var(--vs-spinner-size);margin:0;padding:0}.spinner-circle[data-v-ed866313]{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-circle[data-v-ed866313]:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--vs-spinner-color);border-radius:100%;-webkit-animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both;animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both}.spinner-circle[data-v-ed866313]:nth-child(2){transform:rotate(30deg)}.spinner-circle[data-v-ed866313]:nth-child(3){transform:rotate(60deg)}.spinner-circle[data-v-ed866313]:nth-child(4){transform:rotate(90deg)}.spinner-circle[data-v-ed866313]:nth-child(5){transform:rotate(120deg)}.spinner-circle[data-v-ed866313]:nth-child(6){transform:rotate(150deg)}.spinner-circle[data-v-ed866313]:nth-child(7){transform:rotate(180deg)}.spinner-circle[data-v-ed866313]:nth-child(8){transform:rotate(210deg)}.spinner-circle[data-v-ed866313]:nth-child(9){transform:rotate(240deg)}.spinner-circle[data-v-ed866313]:nth-child(10){transform:rotate(270deg)}.spinner-circle[data-v-ed866313]:nth-child(11){transform:rotate(300deg)}.spinner-circle[data-v-ed866313]:nth-child(12){transform:rotate(330deg)}.spinner-circle[data-v-ed866313]:nth-child(2):before{animation-delay:-1.1s}.spinner-circle[data-v-ed866313]:nth-child(3):before{animation-delay:-1s}.spinner-circle[data-v-ed866313]:nth-child(4):before{animation-delay:-.9s}.spinner-circle[data-v-ed866313]:nth-child(5):before{animation-delay:-.8s}.spinner-circle[data-v-ed866313]:nth-child(6):before{animation-delay:-.7s}.spinner-circle[data-v-ed866313]:nth-child(7):before{animation-delay:-.6s}.spinner-circle[data-v-ed866313]:nth-child(8):before{animation-delay:-.5s}.spinner-circle[data-v-ed866313]:nth-child(9):before{animation-delay:-.4s}.spinner-circle[data-v-ed866313]:nth-child(10):before{animation-delay:-.3s}.spinner-circle[data-v-ed866313]:nth-child(11):before{animation-delay:-.2s}.spinner-circle[data-v-ed866313]:nth-child(12):before{animation-delay:-.1s}.indicators-container[data-v-c1d96dfe]{display:flex;align-items:center;align-self:stretch;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor)}.dropdown-icon[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor);transition:var(--vs-indicator-dropdown-icon-transition)}.dropdown-icon.active[data-v-c1d96dfe]{transform:rotate(180deg)}.menu-option[data-v-00296627]{display:flex;width:var(--vs-option-width);border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);white-space:break-spaces;background-color:var(--vs-option-background-color);text-align:var(--vs-option-text-align);cursor:var(--vs-option-cursor)}.menu-option[data-v-00296627]:hover{background-color:var(--vs-option-hover-background-color);color:var(--vs-option-hover-text-color)}.menu-option.focused[data-v-00296627]{background-color:var(--vs-option-focused-background-color);color:var(--vs-option-focused-text-color)}.menu-option.selected[data-v-00296627]{background-color:var(--vs-option-selected-background-color);color:var(--vs-option-selected-text-color)}.menu-option.disabled[data-v-00296627]{background-color:var(--vs-option-disabled-background-color);color:var(--vs-option-disabled-text-color)}.multi-value[data-v-bb4d11af]{display:flex;min-width:0px;margin:var(--vs-multi-value-margin);border-radius:var(--vs-multi-value-border-radius);background:var(--vs-multi-value-background-color)}.multi-value-label[data-v-bb4d11af]{padding:var(--vs-multi-value-label-padding);border:var(--vs-multi-value-border);border-radius:var(--vs-multi-value-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-multi-value-label-font-size);font-weight:var(--vs-multi-value-label-font-weight);line-height:var(--vs-multi-value-label-line-height);color:var(--vs-multi-value-label-text-color)}.multi-value-remove[data-v-bb4d11af]{border-radius:var(--vs-multi-value-border-radius);appearance:none;display:flex;align-items:center;padding:var(--vs-multi-value-delete-padding);border:none;outline:none;cursor:var(--vs-multi-value-xmark-cursor);background-color:var(--vs-multi-value-background-color)}.multi-value-remove[data-v-bb4d11af]:hover{background-color:var(--vs-multi-value-delete-hover-background-color)}.multi-value-remove svg[data-v-bb4d11af]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.multi-value-remove:hover svg[data-v-bb4d11af]{fill:var(--vs-multi-value-xmark-hover-color)}.input-placeholder[data-v-a6f8261d]{grid-area:1 / 1 / 2 / 3;color:var(--vs-placeholder-color)}:root{--vs-width: 100%;--vs-min-height: 38px;--vs-padding: 4px 8px;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-placeholder-color: #52525b;--vs-background-color: #fff;--vs-disabled-background-color: #f4f4f5;--vs-outline-width: 1px;--vs-outline-color: #3b82f6;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-border: var(--vs-border);--vs-menu-background-color: var(--vs-background-color);--vs-menu-box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--vs-menu-z-index: 2;--vs-option-width: 100%;--vs-option-padding: 8px 12px;--vs-option-cursor: pointer;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-align: -webkit-auto;--vs-option-text-color: var(--vs-text-color);--vs-option-hover-text-color: var(--vs-text-color);--vs-option-focused-text-color: var(--vs-text-color);--vs-option-selected-text-color: var(--vs-text-color);--vs-option-disabled-text-color: #52525b;--vs-option-background-color: var(--vs-menu-background);--vs-option-hover-background-color: #dbeafe;--vs-option-focused-background-color: var(--vs-option-hover-background-color);--vs-option-selected-background-color: #93c5fd;--vs-option-disabled-background-color: #f4f4f5;--vs-option-opacity-menu-open: .4;--vs-multi-value-margin: 2px;--vs-multi-value-border: 0px;--vs-multi-value-border-radius: 2px;--vs-multi-value-background-color: #f4f4f5;--vs-multi-value-label-padding: 4px 4px 4px 8px;--vs-multi-value-label-font-size: 12px;--vs-multi-value-label-font-weight: 400;--vs-multi-value-label-line-height: 1;--vs-multi-value-label-text-color: #3f3f46;--vs-multi-value-delete-padding: 0 3px;--vs-multi-value-delete-hover-background-color: #FF6467;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-cursor: pointer;--vs-multi-value-xmark-color: var(--vs-multi-value-label-text-color);--vs-multi-value-xmark-hover-color: #fff;--vs-indicators-gap: 0px;--vs-indicator-icon-size: 20px;--vs-indicator-icon-color: var(--vs-text-color);--vs-indicator-icon-cursor: pointer;--vs-indicator-dropdown-icon-transition: transform .2s ease-out;--vs-spinner-color: var(--vs-text-color);--vs-spinner-size: 16px}[data-v-0d1797a0]{box-sizing:border-box}.vue-select[data-v-0d1797a0]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-0d1797a0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--vs-min-height);border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-background-color)}.control.focused[data-v-0d1797a0]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-0d1797a0]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-0d1797a0]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-0d1797a0]{display:flex;flex-wrap:wrap}.single-value[data-v-0d1797a0]{display:block;grid-area:1 / 1 / 2 / 3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color)}.vue-select[data-state=open] .single-value[data-v-0d1797a0]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-0d1797a0]{opacity:0}.input-container[data-v-0d1797a0]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-0d1797a0]{transform:translateZ(0)}.input-container.typing[data-v-0d1797a0]:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 2;min-width:2px;padding:0;margin:0;border:0}.search-input[data-v-0d1797a0]{margin:0;padding:0;border:0;min-width:2px;width:100%;grid-area:1 / 2;background:0px center;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);opacity:1;outline:none}.menu[data-v-0d1797a0]{position:absolute;margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-background-color);z-index:var(--vs-menu-z-index)}.no-results[data-v-0d1797a0]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}.taggable-no-options[data-v-0d1797a0]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color);cursor:pointer}')),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { openBlock as u, createElementBlock as f, createElementVNode as w, Fragment as P, renderList as K, defineComponent as V, useTemplateRef as D, withModifiers as U, renderSlot as m, createVNode as I, createCommentVNode as O, normalizeClass as L, createBlock as A, ref as F, watch as W, withKeys as oe, toDisplayString as T, mergeModels as J, useModel as ie, computed as Q, onMounted as se, onBeforeUnmount as ue, createTextVNode as N, withDirectives as re, vModelText as de, withCtx as E, Teleport as ce, normalizeStyle as pe, unref as Y } from "vue";
-const k = (r, s) => {
-  const t = r.__vccOpts || r;
-  for (const [c, l] of s)
-    t[c] = l;
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@keyframes spinner-circle-animation-ed866313{0%,39%,to{opacity:0}40%{opacity:1}}.spinner[data-v-ed866313]{position:relative;width:var(--vs-spinner-size);height:var(--vs-spinner-size);margin:0;padding:0}.spinner-circle[data-v-ed866313]{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-circle[data-v-ed866313]:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--vs-spinner-color);border-radius:100%;-webkit-animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both;animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both}.spinner-circle[data-v-ed866313]:nth-child(2){transform:rotate(30deg)}.spinner-circle[data-v-ed866313]:nth-child(3){transform:rotate(60deg)}.spinner-circle[data-v-ed866313]:nth-child(4){transform:rotate(90deg)}.spinner-circle[data-v-ed866313]:nth-child(5){transform:rotate(120deg)}.spinner-circle[data-v-ed866313]:nth-child(6){transform:rotate(150deg)}.spinner-circle[data-v-ed866313]:nth-child(7){transform:rotate(180deg)}.spinner-circle[data-v-ed866313]:nth-child(8){transform:rotate(210deg)}.spinner-circle[data-v-ed866313]:nth-child(9){transform:rotate(240deg)}.spinner-circle[data-v-ed866313]:nth-child(10){transform:rotate(270deg)}.spinner-circle[data-v-ed866313]:nth-child(11){transform:rotate(300deg)}.spinner-circle[data-v-ed866313]:nth-child(12){transform:rotate(330deg)}.spinner-circle[data-v-ed866313]:nth-child(2):before{animation-delay:-1.1s}.spinner-circle[data-v-ed866313]:nth-child(3):before{animation-delay:-1s}.spinner-circle[data-v-ed866313]:nth-child(4):before{animation-delay:-.9s}.spinner-circle[data-v-ed866313]:nth-child(5):before{animation-delay:-.8s}.spinner-circle[data-v-ed866313]:nth-child(6):before{animation-delay:-.7s}.spinner-circle[data-v-ed866313]:nth-child(7):before{animation-delay:-.6s}.spinner-circle[data-v-ed866313]:nth-child(8):before{animation-delay:-.5s}.spinner-circle[data-v-ed866313]:nth-child(9):before{animation-delay:-.4s}.spinner-circle[data-v-ed866313]:nth-child(10):before{animation-delay:-.3s}.spinner-circle[data-v-ed866313]:nth-child(11):before{animation-delay:-.2s}.spinner-circle[data-v-ed866313]:nth-child(12):before{animation-delay:-.1s}.indicators-container[data-v-c1d96dfe]{display:flex;align-items:center;align-self:stretch;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor)}.dropdown-icon[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor);transition:var(--vs-indicator-dropdown-icon-transition)}.dropdown-icon.active[data-v-c1d96dfe]{transform:rotate(180deg)}.menu-option[data-v-00296627]{display:flex;width:var(--vs-option-width);border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);white-space:break-spaces;background-color:var(--vs-option-background-color);text-align:var(--vs-option-text-align);cursor:var(--vs-option-cursor)}.menu-option[data-v-00296627]:hover{background-color:var(--vs-option-hover-background-color);color:var(--vs-option-hover-text-color)}.menu-option.focused[data-v-00296627]{background-color:var(--vs-option-focused-background-color);color:var(--vs-option-focused-text-color)}.menu-option.selected[data-v-00296627]{background-color:var(--vs-option-selected-background-color);color:var(--vs-option-selected-text-color)}.menu-option.disabled[data-v-00296627]{background-color:var(--vs-option-disabled-background-color);color:var(--vs-option-disabled-text-color)}.multi-value[data-v-bb4d11af]{display:flex;min-width:0px;margin:var(--vs-multi-value-margin);border-radius:var(--vs-multi-value-border-radius);background:var(--vs-multi-value-background-color)}.multi-value-label[data-v-bb4d11af]{padding:var(--vs-multi-value-label-padding);border:var(--vs-multi-value-border);border-radius:var(--vs-multi-value-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-multi-value-label-font-size);font-weight:var(--vs-multi-value-label-font-weight);line-height:var(--vs-multi-value-label-line-height);color:var(--vs-multi-value-label-text-color)}.multi-value-remove[data-v-bb4d11af]{border-radius:var(--vs-multi-value-border-radius);appearance:none;display:flex;align-items:center;padding:var(--vs-multi-value-delete-padding);border:none;outline:none;cursor:var(--vs-multi-value-xmark-cursor);background-color:var(--vs-multi-value-background-color)}.multi-value-remove[data-v-bb4d11af]:hover{background-color:var(--vs-multi-value-delete-hover-background-color)}.multi-value-remove svg[data-v-bb4d11af]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.multi-value-remove:hover svg[data-v-bb4d11af]{fill:var(--vs-multi-value-xmark-hover-color)}.input-placeholder[data-v-a6f8261d]{grid-area:1 / 1 / 2 / 3;color:var(--vs-placeholder-color)}:root{--vs-width: 100%;--vs-min-height: 38px;--vs-padding: 4px 8px;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-placeholder-color: #52525b;--vs-background-color: #fff;--vs-disabled-background-color: #f4f4f5;--vs-outline-width: 1px;--vs-outline-color: #3b82f6;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-border: var(--vs-border);--vs-menu-background-color: var(--vs-background-color);--vs-menu-box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--vs-menu-z-index: 2;--vs-option-width: 100%;--vs-option-padding: 8px 12px;--vs-option-cursor: pointer;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-align: -webkit-auto;--vs-option-text-color: var(--vs-text-color);--vs-option-hover-text-color: var(--vs-text-color);--vs-option-focused-text-color: var(--vs-text-color);--vs-option-selected-text-color: var(--vs-text-color);--vs-option-disabled-text-color: #52525b;--vs-option-background-color: var(--vs-menu-background);--vs-option-hover-background-color: #dbeafe;--vs-option-focused-background-color: var(--vs-option-hover-background-color);--vs-option-selected-background-color: #93c5fd;--vs-option-disabled-background-color: #f4f4f5;--vs-option-opacity-menu-open: .4;--vs-multi-value-margin: 2px;--vs-multi-value-border: 0px;--vs-multi-value-border-radius: 2px;--vs-multi-value-background-color: #f4f4f5;--vs-multi-value-label-padding: 4px 4px 4px 8px;--vs-multi-value-label-font-size: 12px;--vs-multi-value-label-font-weight: 400;--vs-multi-value-label-line-height: 1;--vs-multi-value-label-text-color: #3f3f46;--vs-multi-value-delete-padding: 0 3px;--vs-multi-value-delete-hover-background-color: #FF6467;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-cursor: pointer;--vs-multi-value-xmark-color: var(--vs-multi-value-label-text-color);--vs-multi-value-xmark-hover-color: #fff;--vs-indicators-gap: 0px;--vs-indicator-icon-size: 20px;--vs-indicator-icon-color: var(--vs-text-color);--vs-indicator-icon-cursor: pointer;--vs-indicator-dropdown-icon-transition: transform .2s ease-out;--vs-spinner-color: var(--vs-text-color);--vs-spinner-size: 16px}[data-v-9ad060d3]{box-sizing:border-box}.vue-select[data-v-9ad060d3]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-9ad060d3]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--vs-min-height);border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-background-color)}.control.focused[data-v-9ad060d3]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-9ad060d3]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-9ad060d3]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-9ad060d3]{display:flex;flex-wrap:wrap}.single-value[data-v-9ad060d3]{display:block;grid-area:1 / 1 / 2 / 3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color)}.vue-select[data-state=open] .single-value[data-v-9ad060d3]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-9ad060d3]{opacity:0}.input-container[data-v-9ad060d3]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-9ad060d3]{transform:translateZ(0)}.input-container.typing[data-v-9ad060d3]:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 2;min-width:2px;padding:0;margin:0;border:0}.search-input[data-v-9ad060d3]{margin:0;padding:0;border:0;min-width:2px;width:100%;grid-area:1 / 2;background:0px center;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);opacity:1;outline:none}.menu[data-v-9ad060d3]{position:absolute;margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-background-color);z-index:var(--vs-menu-z-index)}.no-results[data-v-9ad060d3]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}.taggable-no-options[data-v-9ad060d3]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color);cursor:pointer}')),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { openBlock as s, createElementBlock as f, createElementVNode as w, Fragment as P, renderList as K, defineComponent as A, useTemplateRef as D, withModifiers as U, renderSlot as m, createVNode as I, createCommentVNode as O, normalizeClass as L, createBlock as T, ref as F, watch as W, withKeys as oe, toDisplayString as V, mergeModels as J, useModel as ie, computed as Q, onMounted as se, onBeforeUnmount as ue, createTextVNode as N, withDirectives as de, vModelText as re, withCtx as E, Teleport as ce, normalizeStyle as pe, unref as Y } from "vue";
+const k = (c, u) => {
+  const t = c.__vccOpts || c;
+  for (const [r, l] of u)
+    t[r] = l;
   return t;
@@ -13,4 +13,4 @@ }, ve = {}, fe = {
 };
-function be(r, s) {
-  return u(), f("svg", fe, s[0] || (s[0] = [
+function be(c, u) {
+  return s(), f("svg", fe, u[0] || (u[0] = [
     w("path", {
@@ -28,4 +28,4 @@ "fill-rule": "evenodd",
 };
-function ge(r, s) {
-  return u(), f("svg", ye, s[0] || (s[0] = [
+function ge(c, u) {
+  return s(), f("svg", ye, u[0] || (u[0] = [
     w("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }, null, -1)
@@ -35,5 +35,5 @@ ]));
 const z = /* @__PURE__ */ k(me, [["render", ge]]), he = {}, we = { className: "spinner" };
-function $e(r, s) {
-  return u(), f("div", we, [
-    (u(), f(P, null, K(12, (t) => w("div", {
+function $e(c, u) {
+  return s(), f("div", we, [
+    (s(), f(P, null, K(12, (t) => w("div", {
       key: t,
@@ -47,3 +47,3 @@ class: "spinner-circle"
   class: "indicators-container"
-}, Oe = ["disabled"], ke = ["disabled"], Be = /* @__PURE__ */ V({
+}, Oe = ["disabled"], ke = ["disabled"], Be = /* @__PURE__ */ A({
   __name: "Indicators",
@@ -58,6 +58,6 @@ props: {
   emits: ["clear", "toggle"],
-  setup(r, { expose: s, emit: t }) {
-    const c = t, l = D("container"), p = D("clearButton"), v = D("dropdownButton");
-    return s({ containerRef: l, clearButtonRef: p, dropdownButtonRef: v }), (d, g) => (u(), f("div", Me, [
-      d.hasSelectedOption && d.isClearable && !d.isLoading ? (u(), f("button", {
+  setup(c, { expose: u, emit: t }) {
+    const r = t, l = D("container"), p = D("clearButton"), v = D("dropdownButton");
+    return u({ containerRef: l, clearButtonRef: p, dropdownButtonRef: v }), (d, g) => (s(), f("div", Me, [
+      d.hasSelectedOption && d.isClearable && !d.isLoading ? (s(), f("button", {
         key: 0,
@@ -69,3 +69,3 @@ ref: "clearButton",
         disabled: d.isDisabled,
-        onClick: g[0] || (g[0] = U((a) => c("clear"), ["stop"]))
+        onClick: g[0] || (g[0] = U((a) => r("clear"), ["stop"]))
       }, [
@@ -76,3 +76,3 @@ m(d.$slots, "clear", {}, () => [
       ], 8, Oe)) : O("", !0),
-      d.isLoading ? O("", !0) : (u(), f("button", {
+      d.isLoading ? O("", !0) : (s(), f("button", {
         key: 1,
@@ -84,3 +84,3 @@ ref: "dropdownButton",
         disabled: d.isDisabled,
-        onClick: g[1] || (g[1] = U((a) => c("toggle"), ["stop"]))
+        onClick: g[1] || (g[1] = U((a) => r("toggle"), ["stop"]))
       }, [
@@ -92,7 +92,7 @@ m(d.$slots, "dropdown", {}, () => [
       m(d.$slots, "loading", {}, () => [
-        d.isLoading ? (u(), A(ee, { key: 0 })) : O("", !0)
+        d.isLoading ? (s(), T(ee, { key: 0 })) : O("", !0)
       ], !0)
     ], 512));
   }
-}), Ce = /* @__PURE__ */ k(Be, [["__scopeId", "data-v-c1d96dfe"]]), De = ["aria-disabled", "aria-selected"], Ie = /* @__PURE__ */ V({
+}), Ce = /* @__PURE__ */ k(Be, [["__scopeId", "data-v-c1d96dfe"]]), De = ["aria-disabled", "aria-selected"], Ie = /* @__PURE__ */ A({
   __name: "MenuOption",
@@ -107,4 +107,4 @@ props: {
   emits: ["select"],
-  setup(r, { emit: s }) {
-    const t = r, c = s, l = F(null);
+  setup(c, { emit: u }) {
+    const t = c, r = u, l = F(null);
     return W(
@@ -118,3 +118,3 @@ () => t.isFocused,
       }
-    ), (p, v) => (u(), f("div", {
+    ), (p, v) => (s(), f("div", {
       ref_key: "option",
@@ -127,4 +127,4 @@ ref: l,
       "aria-selected": p.isSelected,
-      onClick: v[0] || (v[0] = (d) => c("select")),
-      onKeydown: v[1] || (v[1] = oe((d) => c("select"), ["enter"]))
+      onClick: v[0] || (v[0] = (d) => r("select")),
+      onKeydown: v[1] || (v[1] = oe((d) => r("select"), ["enter"]))
     }, [
@@ -134,3 +134,3 @@ m(p.$slots, "default", {}, void 0, !0)
   }
-}), Le = /* @__PURE__ */ k(Ie, [["__scopeId", "data-v-00296627"]]), Se = { class: "multi-value" }, _e = { class: "multi-value-label" }, Ae = ["aria-label"], Te = /* @__PURE__ */ V({
+}), Le = /* @__PURE__ */ k(Ie, [["__scopeId", "data-v-00296627"]]), Se = { class: "multi-value" }, _e = { class: "multi-value-label" }, Te = ["aria-label"], Ve = /* @__PURE__ */ A({
   __name: "MultiValue",
@@ -141,17 +141,17 @@ props: {
   emits: ["remove"],
-  setup(r, { emit: s }) {
-    const t = s;
-    return (c, l) => (u(), f("div", Se, [
-      w("div", _e, T(c.label), 1),
+  setup(c, { emit: u }) {
+    const t = u;
+    return (r, l) => (s(), f("div", Se, [
+      w("div", _e, V(r.label), 1),
       w("button", {
         type: "button",
         class: "multi-value-remove",
-        "aria-label": `Remove ${c.label}`,
+        "aria-label": `Remove ${r.label}`,
         onClick: l[0] || (l[0] = U((p) => t("remove"), ["stop"]))
       }, [
         I(z)
-      ], 8, Ae)
+      ], 8, Te)
     ]));
   }
-}), Ve = /* @__PURE__ */ k(Te, [["__scopeId", "data-v-bb4d11af"]]), Re = { class: "input-placeholder" }, Ne = /* @__PURE__ */ V({
+}), Ae = /* @__PURE__ */ k(Ve, [["__scopeId", "data-v-bb4d11af"]]), Re = { class: "input-placeholder" }, Ne = /* @__PURE__ */ A({
   __name: "Placeholder",
@@ -161,4 +161,4 @@ props: {
   },
-  setup(r) {
-    return (s, t) => (u(), f("div", Re, T(s.text), 1));
+  setup(c) {
+    return (u, t) => (s(), f("div", Re, V(u.text), 1));
   }
@@ -173,3 +173,3 @@ }), Ee = /* @__PURE__ */ k(Ne, [["__scopeId", "data-v-a6f8261d"]]);
   class: "no-results"
-}, Ze = /* @__PURE__ */ V({
+}, Ze = /* @__PURE__ */ A({
   __name: "Select",
@@ -195,15 +195,12 @@ props: /* @__PURE__ */ J({
     disableInvalidVModelWarn: { type: Boolean, default: !1 },
-    filterBy: { type: Function, default: (r, s, t) => s.toLowerCase().includes(t.toLowerCase()) },
-    getOptionValue: { type: Function, default: (r) => r.value },
-    getOptionLabel: { type: Function, default: (r) => r.label }
+    filterBy: { type: Function, default: (c, u, t) => u.toLowerCase().includes(t.toLowerCase()) },
+    getOptionValue: { type: Function, default: (c) => c.value },
+    getOptionLabel: { type: Function, default: (c) => c.label }
   }, {
-    modelValue: {
-      required: !0,
-      validator: (r, s) => s.isMulti ? Array.isArray(r) : !Array.isArray(r)
-    },
+    modelValue: { required: !0 },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ J(["optionSelected", "optionDeselected", "optionCreated", "menuOpened", "menuClosed", "search"], ["update:modelValue"]),
-  setup(r, { emit: s }) {
-    const t = r, c = s, l = ie(r, "modelValue"), p = D("container"), v = D("input"), d = D("menu"), g = D("indicators"), a = F(""), b = F(!1), S = F(-1), $ = Q(() => {
+  setup(c, { emit: u }) {
+    const t = c, r = u, l = ie(c, "modelValue"), p = D("container"), v = D("input"), d = D("menu"), g = D("indicators"), a = F(""), b = F(!1), S = F(-1), $ = Q(() => {
       const e = t.displayedOptions || t.options;
@@ -216,3 +213,3 @@ e?.length || console.warn("[vue3-select-component warn]: No options or displayedOptions were provided to the component.");
       })), i = (o) => o.filter(
-        (h) => Array.isArray(l.value) && !l.value.includes(h.value)
+        (h) => Array.isArray(l.value) ? !l.value.includes(h.value) : !0
       );
@@ -233,6 +230,6 @@ if (t.isSearchable && a.value) {
     function B() {
-      t.isDisabled || (b.value = !0, t.shouldAutofocusOption && (S.value = t.options.findIndex((e) => !e.disabled)), v.value && v.value.focus(), c("menuOpened"));
+      t.isDisabled || (b.value = !0, t.shouldAutofocusOption && (S.value = t.options.findIndex((e) => !e.disabled)), v.value && v.value.focus(), r("menuOpened"));
     }
     function M() {
-      b.value = !1, a.value = "", c("menuClosed");
+      b.value = !1, a.value = "", r("menuClosed");
     }
@@ -246,9 +243,9 @@ function te() {
     const q = (e) => {
-      e.disabled || (t.isMulti ? Array.isArray(l.value) ? l.value.push(e.value) : t.disableInvalidVModelWarn || console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`) : l.value = e.value, c("optionSelected", e), a.value = "", t.closeOnSelect && M(), v.value && v.value.blur());
+      e.disabled || (t.isMulti ? Array.isArray(l.value) ? l.value.push(e.value) : (l.value = [e.value], t.disableInvalidVModelWarn || console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}. Since an option has been selected, the component automatically converted the v-model to an array.`)) : l.value = e.value, r("optionSelected", e), a.value = "", t.closeOnSelect && M(), v.value && v.value.blur());
     }, H = (e) => {
-      t.isMulti && !t.isDisabled && (Array.isArray(l.value) ? (l.value = l.value.filter((n) => n !== e.value), c("optionDeselected", e)) : t.disableInvalidVModelWarn || console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`));
+      t.isMulti && !t.isDisabled && (Array.isArray(l.value) ? (l.value = l.value.filter((n) => n !== e.value), r("optionDeselected", e)) : t.disableInvalidVModelWarn || console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`));
     }, ne = () => {
-      t.isMulti ? (l.value = [], c("optionDeselected", null)) : (l.value = void 0, c("optionDeselected", y.value[0])), M(), v.value && v.value.blur();
+      t.isMulti ? (l.value = [], r("optionDeselected", null)) : (l.value = void 0, r("optionDeselected", y.value[0])), M(), v.value && v.value.blur();
     }, Z = () => {
-      c("optionCreated", a.value), a.value = "", M();
+      r("optionCreated", a.value), a.value = "", M();
     }, j = (e) => {
@@ -303,3 +300,3 @@ if (b.value) {
       () => {
-        c("search", a.value), a.value && !b.value && B();
+        r("search", a.value), a.value && !b.value && B();
       }
@@ -316,3 +313,3 @@ ), W(
       document.removeEventListener("mousedown", X), document.removeEventListener("keydown", j);
-    }), (e, n) => (u(), f("div", {
+    }), (e, n) => (s(), f("div", {
       ref: "container",
@@ -341,6 +338,6 @@ dir: "auto",
         }, [
-          !y.value[0] && !a.value.length ? (u(), A(Ee, {
+          !y.value[0] && !a.value.length ? (s(), T(Ee, {
             key: 0,
             text: e.placeholder
-          }, null, 8, ["text"])) : !t.isMulti && y.value[0] ? (u(), f("div", {
+          }, null, 8, ["text"])) : !t.isMulti && y.value[0] ? (s(), f("div", {
             key: 1,
@@ -353,5 +350,5 @@ class: "single-value",
             }, () => [
-              N(T(e.getOptionLabel(y.value[0])), 1)
+              N(V(e.getOptionLabel(y.value[0])), 1)
             ], !0)
-          ])) : t.isMulti && y.value.length ? (u(!0), f(P, { key: 2 }, K(y.value, (i) => m(e.$slots, "tag", {
+          ])) : t.isMulti && y.value.length ? (s(!0), f(P, { key: 2 }, K(y.value, (i) => m(e.$slots, "tag", {
             key: i.value,
@@ -361,3 +358,3 @@ option: i,
           }, () => [
-            I(Ve, {
+            I(Ae, {
               label: e.getOptionLabel(i),
@@ -371,3 +368,3 @@ onRemove: (o) => H(i)
           }, [
-            re(w("input", {
+            de(w("input", {
               id: e.inputId,
@@ -390,3 +387,3 @@ ref: "input",
             }, null, 40, We), [
-              [de, a.value]
+              [re, a.value]
             ])
@@ -417,3 +414,3 @@ ], 10, Ue)
             m(e.$slots, "loading", {}, () => [
-              e.isLoading ? (u(), A(ee, { key: 0 })) : O("", !0)
+              e.isLoading ? (s(), T(ee, { key: 0 })) : O("", !0)
             ], !0)
@@ -424,3 +421,3 @@ ]),
       ], 2),
-      (u(), A(ce, {
+      (s(), T(ce, {
         to: e.teleport,
@@ -430,3 +427,3 @@ disabled: !e.teleport,
       }, [
-        b.value ? (u(), f("div", {
+        b.value ? (s(), f("div", {
           key: 0,
@@ -446,3 +443,3 @@ id: `vue-select-${e.uid}-listbox`,
           m(e.$slots, "menu-header", {}, void 0, !0),
-          (u(!0), f(P, null, K($.value, (i, o) => (u(), A(Le, {
+          (s(!0), f(P, null, K($.value, (i, o) => (s(), T(Le, {
             key: o,
@@ -459,3 +456,3 @@ type: "button",
               m(e.$slots, "option", { option: i }, () => [
-                N(T(e.getOptionLabel(i)), 1)
+                N(V(e.getOptionLabel(i)), 1)
               ], !0)
@@ -465,3 +462,3 @@ ]),
           }, 1032, ["menu", "index", "is-focused", "is-selected", "is-disabled", "onSelect"]))), 128)),
-          !e.isTaggable && $.value.length === 0 ? (u(), f("div", He, [
+          !e.isTaggable && $.value.length === 0 ? (s(), f("div", He, [
             m(e.$slots, "no-options", {}, () => [
@@ -471,3 +468,3 @@ n[4] || (n[4] = N(" No results found "))
           ])) : O("", !0),
-          e.isTaggable && a.value ? (u(), f("div", {
+          e.isTaggable && a.value ? (s(), f("div", {
             key: 1,
@@ -478,3 +475,3 @@ class: "taggable-no-options",
             m(e.$slots, "taggable-no-options", { option: a.value }, () => [
-              N(" Press enter to add " + T(a.value) + " option ", 1)
+              N(" Press enter to add " + V(a.value) + " option ", 1)
             ], !0)
@@ -486,5 +483,5 @@ ])) : O("", !0)
   }
-}), Xe = /* @__PURE__ */ k(Ze, [["__scopeId", "data-v-0d1797a0"]]);
+}), Xe = /* @__PURE__ */ k(Ze, [["__scopeId", "data-v-9ad060d3"]]);
 export {
   Xe as default
 };

dist/index.umd.js

@@ -1,2 +0,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@keyframes spinner-circle-animation-ed866313{0%,39%,to{opacity:0}40%{opacity:1}}.spinner[data-v-ed866313]{position:relative;width:var(--vs-spinner-size);height:var(--vs-spinner-size);margin:0;padding:0}.spinner-circle[data-v-ed866313]{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-circle[data-v-ed866313]:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--vs-spinner-color);border-radius:100%;-webkit-animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both;animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both}.spinner-circle[data-v-ed866313]:nth-child(2){transform:rotate(30deg)}.spinner-circle[data-v-ed866313]:nth-child(3){transform:rotate(60deg)}.spinner-circle[data-v-ed866313]:nth-child(4){transform:rotate(90deg)}.spinner-circle[data-v-ed866313]:nth-child(5){transform:rotate(120deg)}.spinner-circle[data-v-ed866313]:nth-child(6){transform:rotate(150deg)}.spinner-circle[data-v-ed866313]:nth-child(7){transform:rotate(180deg)}.spinner-circle[data-v-ed866313]:nth-child(8){transform:rotate(210deg)}.spinner-circle[data-v-ed866313]:nth-child(9){transform:rotate(240deg)}.spinner-circle[data-v-ed866313]:nth-child(10){transform:rotate(270deg)}.spinner-circle[data-v-ed866313]:nth-child(11){transform:rotate(300deg)}.spinner-circle[data-v-ed866313]:nth-child(12){transform:rotate(330deg)}.spinner-circle[data-v-ed866313]:nth-child(2):before{animation-delay:-1.1s}.spinner-circle[data-v-ed866313]:nth-child(3):before{animation-delay:-1s}.spinner-circle[data-v-ed866313]:nth-child(4):before{animation-delay:-.9s}.spinner-circle[data-v-ed866313]:nth-child(5):before{animation-delay:-.8s}.spinner-circle[data-v-ed866313]:nth-child(6):before{animation-delay:-.7s}.spinner-circle[data-v-ed866313]:nth-child(7):before{animation-delay:-.6s}.spinner-circle[data-v-ed866313]:nth-child(8):before{animation-delay:-.5s}.spinner-circle[data-v-ed866313]:nth-child(9):before{animation-delay:-.4s}.spinner-circle[data-v-ed866313]:nth-child(10):before{animation-delay:-.3s}.spinner-circle[data-v-ed866313]:nth-child(11):before{animation-delay:-.2s}.spinner-circle[data-v-ed866313]:nth-child(12):before{animation-delay:-.1s}.indicators-container[data-v-c1d96dfe]{display:flex;align-items:center;align-self:stretch;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor)}.dropdown-icon[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor);transition:var(--vs-indicator-dropdown-icon-transition)}.dropdown-icon.active[data-v-c1d96dfe]{transform:rotate(180deg)}.menu-option[data-v-00296627]{display:flex;width:var(--vs-option-width);border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);white-space:break-spaces;background-color:var(--vs-option-background-color);text-align:var(--vs-option-text-align);cursor:var(--vs-option-cursor)}.menu-option[data-v-00296627]:hover{background-color:var(--vs-option-hover-background-color);color:var(--vs-option-hover-text-color)}.menu-option.focused[data-v-00296627]{background-color:var(--vs-option-focused-background-color);color:var(--vs-option-focused-text-color)}.menu-option.selected[data-v-00296627]{background-color:var(--vs-option-selected-background-color);color:var(--vs-option-selected-text-color)}.menu-option.disabled[data-v-00296627]{background-color:var(--vs-option-disabled-background-color);color:var(--vs-option-disabled-text-color)}.multi-value[data-v-bb4d11af]{display:flex;min-width:0px;margin:var(--vs-multi-value-margin);border-radius:var(--vs-multi-value-border-radius);background:var(--vs-multi-value-background-color)}.multi-value-label[data-v-bb4d11af]{padding:var(--vs-multi-value-label-padding);border:var(--vs-multi-value-border);border-radius:var(--vs-multi-value-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-multi-value-label-font-size);font-weight:var(--vs-multi-value-label-font-weight);line-height:var(--vs-multi-value-label-line-height);color:var(--vs-multi-value-label-text-color)}.multi-value-remove[data-v-bb4d11af]{border-radius:var(--vs-multi-value-border-radius);appearance:none;display:flex;align-items:center;padding:var(--vs-multi-value-delete-padding);border:none;outline:none;cursor:var(--vs-multi-value-xmark-cursor);background-color:var(--vs-multi-value-background-color)}.multi-value-remove[data-v-bb4d11af]:hover{background-color:var(--vs-multi-value-delete-hover-background-color)}.multi-value-remove svg[data-v-bb4d11af]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.multi-value-remove:hover svg[data-v-bb4d11af]{fill:var(--vs-multi-value-xmark-hover-color)}.input-placeholder[data-v-a6f8261d]{grid-area:1 / 1 / 2 / 3;color:var(--vs-placeholder-color)}:root{--vs-width: 100%;--vs-min-height: 38px;--vs-padding: 4px 8px;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-placeholder-color: #52525b;--vs-background-color: #fff;--vs-disabled-background-color: #f4f4f5;--vs-outline-width: 1px;--vs-outline-color: #3b82f6;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-border: var(--vs-border);--vs-menu-background-color: var(--vs-background-color);--vs-menu-box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--vs-menu-z-index: 2;--vs-option-width: 100%;--vs-option-padding: 8px 12px;--vs-option-cursor: pointer;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-align: -webkit-auto;--vs-option-text-color: var(--vs-text-color);--vs-option-hover-text-color: var(--vs-text-color);--vs-option-focused-text-color: var(--vs-text-color);--vs-option-selected-text-color: var(--vs-text-color);--vs-option-disabled-text-color: #52525b;--vs-option-background-color: var(--vs-menu-background);--vs-option-hover-background-color: #dbeafe;--vs-option-focused-background-color: var(--vs-option-hover-background-color);--vs-option-selected-background-color: #93c5fd;--vs-option-disabled-background-color: #f4f4f5;--vs-option-opacity-menu-open: .4;--vs-multi-value-margin: 2px;--vs-multi-value-border: 0px;--vs-multi-value-border-radius: 2px;--vs-multi-value-background-color: #f4f4f5;--vs-multi-value-label-padding: 4px 4px 4px 8px;--vs-multi-value-label-font-size: 12px;--vs-multi-value-label-font-weight: 400;--vs-multi-value-label-line-height: 1;--vs-multi-value-label-text-color: #3f3f46;--vs-multi-value-delete-padding: 0 3px;--vs-multi-value-delete-hover-background-color: #FF6467;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-cursor: pointer;--vs-multi-value-xmark-color: var(--vs-multi-value-label-text-color);--vs-multi-value-xmark-hover-color: #fff;--vs-indicators-gap: 0px;--vs-indicator-icon-size: 20px;--vs-indicator-icon-color: var(--vs-text-color);--vs-indicator-icon-cursor: pointer;--vs-indicator-dropdown-icon-transition: transform .2s ease-out;--vs-spinner-color: var(--vs-text-color);--vs-spinner-size: 16px}[data-v-0d1797a0]{box-sizing:border-box}.vue-select[data-v-0d1797a0]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-0d1797a0]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--vs-min-height);border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-background-color)}.control.focused[data-v-0d1797a0]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-0d1797a0]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-0d1797a0]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-0d1797a0]{display:flex;flex-wrap:wrap}.single-value[data-v-0d1797a0]{display:block;grid-area:1 / 1 / 2 / 3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color)}.vue-select[data-state=open] .single-value[data-v-0d1797a0]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-0d1797a0]{opacity:0}.input-container[data-v-0d1797a0]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-0d1797a0]{transform:translateZ(0)}.input-container.typing[data-v-0d1797a0]:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 2;min-width:2px;padding:0;margin:0;border:0}.search-input[data-v-0d1797a0]{margin:0;padding:0;border:0;min-width:2px;width:100%;grid-area:1 / 2;background:0px center;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);opacity:1;outline:none}.menu[data-v-0d1797a0]{position:absolute;margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-background-color);z-index:var(--vs-menu-z-index)}.no-results[data-v-0d1797a0]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}.taggable-no-options[data-v-0d1797a0]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color);cursor:pointer}')),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue")):typeof define=="function"&&define.amd?define(["vue"],b):(e=typeof globalThis<"u"?globalThis:e||self,e["vue3-select-component"]=b(e.Vue))})(this,function(e){"use strict";const b=(d,r)=>{const o=d.__vccOpts||d;for(const[u,l]of r)o[u]=l;return o},L={},R={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"};function A(d,r){return e.openBlock(),e.createElementBlock("svg",R,r[0]||(r[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z","clip-rule":"evenodd"},null,-1)]))}const S=b(L,[["render",A]]),F={},z={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"};function q(d,r){return e.openBlock(),e.createElementBlock("svg",z,r[0]||(r[0]=[e.createElementVNode("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"},null,-1)]))}const V=b(F,[["render",q]]),x={},P={className:"spinner"};function K(d,r){return e.openBlock(),e.createElementBlock("div",P,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,o=>e.createElementVNode("div",{key:o,class:"spinner-circle"})),64))])}const D=b(x,[["render",K],["__scopeId","data-v-ed866313"]]),U={ref:"container",class:"indicators-container"},W=["disabled"],H=["disabled"],j=b(e.defineComponent({__name:"Indicators",props:{hasSelectedOption:{type:Boolean},isMenuOpen:{type:Boolean},isClearable:{type:Boolean},isLoading:{type:Boolean},isDisabled:{type:Boolean}},emits:["clear","toggle"],setup(d,{expose:r,emit:o}){const u=o,l=e.useTemplateRef("container"),p=e.useTemplateRef("clearButton"),f=e.useTemplateRef("dropdownButton");return r({containerRef:l,clearButtonRef:p,dropdownButtonRef:f}),(c,g)=>(e.openBlock(),e.createElementBlock("div",U,[c.hasSelectedOption&&c.isClearable&&!c.isLoading?(e.openBlock(),e.createElementBlock("button",{key:0,ref:"clearButton",type:"button",class:"clear-button",tabindex:"-1",disabled:c.isDisabled,onClick:g[0]||(g[0]=e.withModifiers(a=>u("clear"),["stop"]))},[e.renderSlot(c.$slots,"clear",{},()=>[e.createVNode(V)],!0)],8,W)):e.createCommentVNode("",!0),c.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,ref:"dropdownButton",type:"button",class:e.normalizeClass(["dropdown-icon",{active:c.isMenuOpen}]),tabindex:"-1",disabled:c.isDisabled,onClick:g[1]||(g[1]=e.withModifiers(a=>u("toggle"),["stop"]))},[e.renderSlot(c.$slots,"dropdown",{},()=>[e.createVNode(S)],!0)],10,H)),e.renderSlot(c.$slots,"loading",{},()=>[c.isLoading?(e.openBlock(),e.createBlock(D,{key:0})):e.createCommentVNode("",!0)],!0)],512))}}),[["__scopeId","data-v-c1d96dfe"]]),Z=["aria-disabled","aria-selected"],X=b(e.defineComponent({__name:"MenuOption",props:{menu:{},index:{},isFocused:{type:Boolean},isSelected:{type:Boolean},isDisabled:{type:Boolean}},emits:["select"],setup(d,{emit:r}){const o=d,u=r,l=e.ref(null);return e.watch(()=>o.isFocused,()=>{if(o.isFocused&&o.menu){const p=o.menu.children[o.index],f=p.offsetTop,c=f+p.clientHeight,g=o.menu.scrollTop,a=o.menu.clientHeight;f<g?o.menu.scrollTop=f:c>g+a&&(o.menu.scrollTop=c-a)}}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"option",ref:l,class:e.normalizeClass(["menu-option",{focused:p.isFocused,selected:p.isSelected,disabled:p.isDisabled}]),tabindex:"-1",role:"option","aria-disabled":p.isDisabled,"aria-selected":p.isSelected,onClick:f[0]||(f[0]=c=>u("select")),onKeydown:f[1]||(f[1]=e.withKeys(c=>u("select"),["enter"]))},[e.renderSlot(p.$slots,"default",{},void 0,!0)],42,Z))}}),[["__scopeId","data-v-00296627"]]),G={class:"multi-value"},J={class:"multi-value-label"},Q=["aria-label"],Y=b(e.defineComponent({__name:"MultiValue",props:{label:{}},emits:["remove"],setup(d,{emit:r}){const o=r;return(u,l)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,e.toDisplayString(u.label),1),e.createElementVNode("button",{type:"button",class:"multi-value-remove","aria-label":`Remove ${u.label}`,onClick:l[0]||(l[0]=e.withModifiers(p=>o("remove"),["stop"]))},[e.createVNode(V)],8,Q)]))}}),[["__scopeId","data-v-bb4d11af"]]),ee={class:"input-placeholder"},te=b(e.defineComponent({__name:"Placeholder",props:{text:{}},setup(d){return(r,o)=>(e.openBlock(),e.createElementBlock("div",ee,e.toDisplayString(r.text),1))}}),[["__scopeId","data-v-a6f8261d"]]);let oe=0;function le(){return++oe}const ne=["data-state"],ae=["id","aria-expanded","aria-describedby","aria-description","aria-labelledby","aria-label","aria-required","aria-owns","aria-controls"],ie=["data-value"],se=["id","aria-labelledby","disabled"],re=["id","aria-label","aria-multiselectable"],de={key:0,class:"no-results"},ce=e.defineComponent({__name:"Select",props:e.mergeModels({options:{},displayedOptions:{},placeholder:{default:"Select an option"},isClearable:{type:Boolean,default:!0},isDisabled:{type:Boolean,default:!1},isSearchable:{type:Boolean,default:!0},isMulti:{type:Boolean,default:!1},isTaggable:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},isMenuOpen:{type:Boolean,default:void 0},shouldAutofocusOption:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},teleport:{default:void 0},inputId:{default:void 0},class:{},uid:{default:le()},aria:{default:void 0},disableInvalidVModelWarn:{type:Boolean,default:!1},filterBy:{type:Function,default:(d,r,o)=>r.toLowerCase().includes(o.toLowerCase())},getOptionValue:{type:Function,default:d=>d.value},getOptionLabel:{type:Function,default:d=>d.label}},{modelValue:{required:!0,validator:(d,r)=>r.isMulti?Array.isArray(d):!Array.isArray(d)},modelModifiers:{}}),emits:e.mergeModels(["optionSelected","optionDeselected","optionCreated","menuOpened","menuClosed","search"],["update:modelValue"]),setup(d,{emit:r}){const o=d,u=r,l=e.useModel(d,"modelValue"),p=e.useTemplateRef("container"),f=e.useTemplateRef("input"),c=e.useTemplateRef("menu"),g=e.useTemplateRef("indicators"),a=e.ref(""),m=e.ref(!1),$=e.ref(-1),k=e.computed(()=>{const t=o.displayedOptions||o.options;t?.length||console.warn("[vue3-select-component warn]: No options or displayedOptions were provided to the component.");const n=t.map(i=>({...i,label:o.getOptionLabel(i),value:o.getOptionValue(i)})),s=i=>i.filter(h=>Array.isArray(l.value)&&!l.value.includes(h.value));if(o.isSearchable&&a.value){const i=n.filter(h=>o.filterBy(h,o.getOptionLabel(h),a.value));return o.isMulti?s(i):i}return o.isMulti?s(n):n}),y=e.computed(()=>{if(o.isMulti)return Array.isArray(l.value)?l.value.map(n=>o.options.find(s=>s.value===n)):(o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`),[]);const t=o.options.find(n=>o.getOptionValue(n)===l.value);return t?[t]:[]});function v(){o.isDisabled||(m.value=!0,o.shouldAutofocusOption&&($.value=o.options.findIndex(t=>!t.disabled)),f.value&&f.value.focus(),u("menuOpened"))}function B(){m.value=!1,a.value="",u("menuClosed")}function ue(){m.value?B():v()}function pe(t){g.value?.containerRef&&!g.value.containerRef.contains(t.target)&&v()}const O=t=>{t.disabled||(o.isMulti?Array.isArray(l.value)?l.value.push(t.value):o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`):l.value=t.value,u("optionSelected",t),a.value="",o.closeOnSelect&&B(),f.value&&f.value.blur())},N=t=>{o.isMulti&&!o.isDisabled&&(Array.isArray(l.value)?(l.value=l.value.filter(n=>n!==t.value),u("optionDeselected",t)):o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`))},fe=()=>{o.isMulti?(l.value=[],u("optionDeselected",null)):(l.value=void 0,u("optionDeselected",y.value[0])),B(),f.value&&f.value.blur()},E=()=>{u("optionCreated",a.value),a.value="",B()},_=t=>{if(m.value){const n=$.value;if(t.key==="ArrowDown"){t.preventDefault();const i=k.value.findIndex((w,C)=>!w.disabled&&C>n),h=k.value.findIndex(w=>!w.disabled);$.value=i===-1?h:i}if(t.key==="ArrowUp"){t.preventDefault();const i=k.value.reduce((w,C,M)=>!C.disabled&&M<n?M:w,-1),h=k.value.reduce((w,C,M)=>C.disabled?w:M,-1);$.value=i===-1?h:i}if(t.key==="Enter"){const i=k.value[n];t.preventDefault(),i?O(i):o.isTaggable&&a.value&&E()}if(t.code==="Space"&&a.value.length===0){const i=k.value[n];t.preventDefault(),i&&O(i)}t.key==="Escape"&&(t.preventDefault(),B());const s=o.isMulti&&Array.isArray(l.value)?l.value.length>0:!!l.value;t.key==="Backspace"&&a.value.length===0&&s&&(t.preventDefault(),o.isMulti&&Array.isArray(l.value)?l.value=l.value.slice(0,-1):l.value=void 0)}},me=t=>{t.key==="Tab"?B():t.code==="Space"&&!m.value&&a.value.length===0&&(t.preventDefault(),t.stopImmediatePropagation(),v())},T=t=>{const n=t.target,s=p.value&&p.value.contains(n),i=c.value&&c.value.contains(n);!s&&!i&&B()},I=()=>{if(p.value){const t=p.value.getBoundingClientRect();return{left:`${t.x}px`,top:`${t.y+t.height}px`}}return console.warn("Unable to calculate dynamic menu position because of missing internal DOM reference."),{top:"0px",left:"0px"}};return e.watch(()=>a.value,()=>{u("search",a.value),a.value&&!m.value&&v()}),e.watch(()=>o.isMenuOpen,t=>{t?v():B()},{immediate:!0}),e.onMounted(()=>{document.addEventListener("mousedown",T),document.addEventListener("keydown",_)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",T),document.removeEventListener("keydown",_)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref:"container",dir:"auto",class:e.normalizeClass(["vue-select",[{open:m.value,typing:m.value&&a.value.length>0,disabled:t.isDisabled},o.class]]),"data-state":m.value?"open":"closed"},[e.createElementVNode("div",{class:e.normalizeClass(["control",{focused:m.value,disabled:o.isDisabled}]),onClick:n[3]||(n[3]=s=>pe(s))},[e.createElementVNode("div",{id:`vue-select-${t.uid}-combobox`,class:e.normalizeClass(["value-container",{multi:t.isMulti,"has-value":y.value.length>0}]),role:"combobox","aria-expanded":m.value,"aria-describedby":t.placeholder,"aria-description":t.placeholder,"aria-labelledby":t.aria?.labelledby,"aria-label":y.value.length?y.value.map(t.getOptionLabel).join(", "):"","aria-required":t.aria?.required,"aria-owns":`vue-select-${t.uid}-listbox`,"aria-controls":`vue-select-${t.uid}-listbox`,"aria-haspopup":"true"},[!y.value[0]&&!a.value.length?(e.openBlock(),e.createBlock(te,{key:0,text:t.placeholder},null,8,["text"])):!o.isMulti&&y.value[0]?(e.openBlock(),e.createElementBlock("div",{key:1,class:"single-value",onClick:n[0]||(n[0]=s=>v())},[e.renderSlot(t.$slots,"value",{option:y.value[0]},()=>[e.createTextVNode(e.toDisplayString(t.getOptionLabel(y.value[0])),1)],!0)])):o.isMulti&&y.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(y.value,s=>e.renderSlot(t.$slots,"tag",{key:s.value,option:s,removeOption:()=>N(s)},()=>[e.createVNode(Y,{label:t.getOptionLabel(s),onRemove:i=>N(s)},null,8,["label","onRemove"])],!0)),128)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-container",{typing:m.value&&a.value.length>0}]),"data-value":a.value},[e.withDirectives(e.createElementVNode("input",{id:t.inputId,ref:"input","onUpdate:modelValue":n[1]||(n[1]=s=>a.value=s),class:"search-input",autocapitalize:"none",autocomplete:"off",autocorrect:"off",spellcheck:"false",tabindex:"0",type:"text","aria-autocomplete":"list","aria-labelledby":`vue-select-${t.uid}-combobox`,disabled:t.isDisabled,placeholder:"",onMousedown:n[2]||(n[2]=s=>v()),onKeydown:me},null,40,se),[[e.vModelText,a.value]])],10,ie)],10,ae),e.createVNode(j,{ref:"indicators","has-selected-option":y.value.length>0,"is-menu-open":m.value,"is-clearable":t.isClearable,"is-loading":t.isLoading,"is-disabled":t.isDisabled,onClear:fe,onToggle:ue},{clear:e.withCtx(()=>[e.renderSlot(t.$slots,"clear",{},()=>[e.createVNode(V)],!0)]),dropdown:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown",{},()=>[e.createVNode(S)],!0)]),loading:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",{},()=>[t.isLoading?(e.openBlock(),e.createBlock(D,{key:0})):e.createCommentVNode("",!0)],!0)]),_:3},8,["has-selected-option","is-menu-open","is-clearable","is-loading","is-disabled"])],2),(e.openBlock(),e.createBlock(e.Teleport,{to:t.teleport,disabled:!t.teleport,defer:!0},[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:`vue-select-${t.uid}-listbox`,ref:"menu",class:"menu",role:"listbox","aria-label":t.aria?.labelledby,"aria-multiselectable":t.isMulti,style:e.normalizeStyle({width:o.teleport?`${e.unref(p)?.getBoundingClientRect().width}px`:"100%",top:o.teleport?I().top:"unset",left:o.teleport?I().left:"unset"})},[e.renderSlot(t.$slots,"menu-header",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(s,i)=>(e.openBlock(),e.createBlock(X,{key:i,type:"button",menu:e.unref(c),index:i,"is-focused":$.value===i,"is-selected":s.value===l.value,"is-disabled":s.disabled||!1,onSelect:h=>O(s)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"option",{option:s},()=>[e.createTextVNode(e.toDisplayString(t.getOptionLabel(s)),1)],!0)]),_:2},1032,["menu","index","is-focused","is-selected","is-disabled","onSelect"]))),128)),!t.isTaggable&&k.value.length===0?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"no-options",{},()=>[n[4]||(n[4]=e.createTextVNode(" No results found "))],!0)])):e.createCommentVNode("",!0),t.isTaggable&&a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"taggable-no-options",onClick:E},[e.renderSlot(t.$slots,"taggable-no-options",{option:a.value},()=>[e.createTextVNode(" Press enter to add "+e.toDisplayString(a.value)+" option ",1)],!0)])):e.createCommentVNode("",!0)],12,re)):e.createCommentVNode("",!0)],8,["to","disabled"]))],10,ne))}});return b(ce,[["__scopeId","data-v-0d1797a0"]])});
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('@keyframes spinner-circle-animation-ed866313{0%,39%,to{opacity:0}40%{opacity:1}}.spinner[data-v-ed866313]{position:relative;width:var(--vs-spinner-size);height:var(--vs-spinner-size);margin:0;padding:0}.spinner-circle[data-v-ed866313]{width:100%;height:100%;position:absolute;left:0;top:0}.spinner-circle[data-v-ed866313]:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--vs-spinner-color);border-radius:100%;-webkit-animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both;animation:spinner-circle-animation-ed866313 1.2s infinite ease-in-out both}.spinner-circle[data-v-ed866313]:nth-child(2){transform:rotate(30deg)}.spinner-circle[data-v-ed866313]:nth-child(3){transform:rotate(60deg)}.spinner-circle[data-v-ed866313]:nth-child(4){transform:rotate(90deg)}.spinner-circle[data-v-ed866313]:nth-child(5){transform:rotate(120deg)}.spinner-circle[data-v-ed866313]:nth-child(6){transform:rotate(150deg)}.spinner-circle[data-v-ed866313]:nth-child(7){transform:rotate(180deg)}.spinner-circle[data-v-ed866313]:nth-child(8){transform:rotate(210deg)}.spinner-circle[data-v-ed866313]:nth-child(9){transform:rotate(240deg)}.spinner-circle[data-v-ed866313]:nth-child(10){transform:rotate(270deg)}.spinner-circle[data-v-ed866313]:nth-child(11){transform:rotate(300deg)}.spinner-circle[data-v-ed866313]:nth-child(12){transform:rotate(330deg)}.spinner-circle[data-v-ed866313]:nth-child(2):before{animation-delay:-1.1s}.spinner-circle[data-v-ed866313]:nth-child(3):before{animation-delay:-1s}.spinner-circle[data-v-ed866313]:nth-child(4):before{animation-delay:-.9s}.spinner-circle[data-v-ed866313]:nth-child(5):before{animation-delay:-.8s}.spinner-circle[data-v-ed866313]:nth-child(6):before{animation-delay:-.7s}.spinner-circle[data-v-ed866313]:nth-child(7):before{animation-delay:-.6s}.spinner-circle[data-v-ed866313]:nth-child(8):before{animation-delay:-.5s}.spinner-circle[data-v-ed866313]:nth-child(9):before{animation-delay:-.4s}.spinner-circle[data-v-ed866313]:nth-child(10):before{animation-delay:-.3s}.spinner-circle[data-v-ed866313]:nth-child(11):before{animation-delay:-.2s}.spinner-circle[data-v-ed866313]:nth-child(12):before{animation-delay:-.1s}.indicators-container[data-v-c1d96dfe]{display:flex;align-items:center;align-self:stretch;flex-shrink:0;gap:var(--vs-indicators-gap);padding:var(--vs-padding)}.clear-button[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor)}.dropdown-icon[data-v-c1d96dfe]{appearance:none;display:inline-block;padding:0;margin:0;border:0;width:var(--vs-indicator-icon-size);height:var(--vs-indicator-icon-size);color:var(--vs-indicator-icon-color);background:none;outline:none;cursor:var(--vs-indicator-icon-cursor);transition:var(--vs-indicator-dropdown-icon-transition)}.dropdown-icon.active[data-v-c1d96dfe]{transform:rotate(180deg)}.menu-option[data-v-00296627]{display:flex;width:var(--vs-option-width);border:0;margin:0;padding:var(--vs-option-padding);font-size:var(--vs-option-font-size);font-weight:var(--vs-option-font-weight);font-family:var(--vs-font-family);color:var(--vs-option-text-color);white-space:break-spaces;background-color:var(--vs-option-background-color);text-align:var(--vs-option-text-align);cursor:var(--vs-option-cursor)}.menu-option[data-v-00296627]:hover{background-color:var(--vs-option-hover-background-color);color:var(--vs-option-hover-text-color)}.menu-option.focused[data-v-00296627]{background-color:var(--vs-option-focused-background-color);color:var(--vs-option-focused-text-color)}.menu-option.selected[data-v-00296627]{background-color:var(--vs-option-selected-background-color);color:var(--vs-option-selected-text-color)}.menu-option.disabled[data-v-00296627]{background-color:var(--vs-option-disabled-background-color);color:var(--vs-option-disabled-text-color)}.multi-value[data-v-bb4d11af]{display:flex;min-width:0px;margin:var(--vs-multi-value-margin);border-radius:var(--vs-multi-value-border-radius);background:var(--vs-multi-value-background-color)}.multi-value-label[data-v-bb4d11af]{padding:var(--vs-multi-value-label-padding);border:var(--vs-multi-value-border);border-radius:var(--vs-multi-value-border-radius);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-multi-value-label-font-size);font-weight:var(--vs-multi-value-label-font-weight);line-height:var(--vs-multi-value-label-line-height);color:var(--vs-multi-value-label-text-color)}.multi-value-remove[data-v-bb4d11af]{border-radius:var(--vs-multi-value-border-radius);appearance:none;display:flex;align-items:center;padding:var(--vs-multi-value-delete-padding);border:none;outline:none;cursor:var(--vs-multi-value-xmark-cursor);background-color:var(--vs-multi-value-background-color)}.multi-value-remove[data-v-bb4d11af]:hover{background-color:var(--vs-multi-value-delete-hover-background-color)}.multi-value-remove svg[data-v-bb4d11af]{width:var(--vs-multi-value-xmark-size);height:var(--vs-multi-value-xmark-size);fill:var(--vs-multi-value-xmark-color)}.multi-value-remove:hover svg[data-v-bb4d11af]{fill:var(--vs-multi-value-xmark-hover-color)}.input-placeholder[data-v-a6f8261d]{grid-area:1 / 1 / 2 / 3;color:var(--vs-placeholder-color)}:root{--vs-width: 100%;--vs-min-height: 38px;--vs-padding: 4px 8px;--vs-border: 1px solid #e4e4e7;--vs-border-radius: 4px;--vs-font-size: 16px;--vs-font-weight: 400;--vs-font-family: inherit;--vs-text-color: #18181b;--vs-line-height: 1.5;--vs-placeholder-color: #52525b;--vs-background-color: #fff;--vs-disabled-background-color: #f4f4f5;--vs-outline-width: 1px;--vs-outline-color: #3b82f6;--vs-menu-offset-top: 8px;--vs-menu-height: 200px;--vs-menu-border: var(--vs-border);--vs-menu-background-color: var(--vs-background-color);--vs-menu-box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--vs-menu-z-index: 2;--vs-option-width: 100%;--vs-option-padding: 8px 12px;--vs-option-cursor: pointer;--vs-option-font-size: var(--vs-font-size);--vs-option-font-weight: var(--vs-font-weight);--vs-option-text-align: -webkit-auto;--vs-option-text-color: var(--vs-text-color);--vs-option-hover-text-color: var(--vs-text-color);--vs-option-focused-text-color: var(--vs-text-color);--vs-option-selected-text-color: var(--vs-text-color);--vs-option-disabled-text-color: #52525b;--vs-option-background-color: var(--vs-menu-background);--vs-option-hover-background-color: #dbeafe;--vs-option-focused-background-color: var(--vs-option-hover-background-color);--vs-option-selected-background-color: #93c5fd;--vs-option-disabled-background-color: #f4f4f5;--vs-option-opacity-menu-open: .4;--vs-multi-value-margin: 2px;--vs-multi-value-border: 0px;--vs-multi-value-border-radius: 2px;--vs-multi-value-background-color: #f4f4f5;--vs-multi-value-label-padding: 4px 4px 4px 8px;--vs-multi-value-label-font-size: 12px;--vs-multi-value-label-font-weight: 400;--vs-multi-value-label-line-height: 1;--vs-multi-value-label-text-color: #3f3f46;--vs-multi-value-delete-padding: 0 3px;--vs-multi-value-delete-hover-background-color: #FF6467;--vs-multi-value-xmark-size: 16px;--vs-multi-value-xmark-cursor: pointer;--vs-multi-value-xmark-color: var(--vs-multi-value-label-text-color);--vs-multi-value-xmark-hover-color: #fff;--vs-indicators-gap: 0px;--vs-indicator-icon-size: 20px;--vs-indicator-icon-color: var(--vs-text-color);--vs-indicator-icon-cursor: pointer;--vs-indicator-dropdown-icon-transition: transform .2s ease-out;--vs-spinner-color: var(--vs-text-color);--vs-spinner-size: 16px}[data-v-9ad060d3]{box-sizing:border-box}.vue-select[data-v-9ad060d3]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-9ad060d3]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:var(--vs-min-height);border:var(--vs-border);border-radius:var(--vs-border-radius);background-color:var(--vs-background-color)}.control.focused[data-v-9ad060d3]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-9ad060d3]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-9ad060d3]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-9ad060d3]{display:flex;flex-wrap:wrap}.single-value[data-v-9ad060d3]{display:block;grid-area:1 / 1 / 2 / 3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--vs-font-size);font-weight:var(--vs-font-weight);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color)}.vue-select[data-state=open] .single-value[data-v-9ad060d3]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-9ad060d3]{opacity:0}.input-container[data-v-9ad060d3]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-9ad060d3]{transform:translateZ(0)}.input-container.typing[data-v-9ad060d3]:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 2;min-width:2px;padding:0;margin:0;border:0}.search-input[data-v-9ad060d3]{margin:0;padding:0;border:0;min-width:2px;width:100%;grid-area:1 / 2;background:0px center;font-size:var(--vs-font-size);font-family:var(--vs-font-family);line-height:var(--vs-line-height);color:var(--vs-text-color);opacity:1;outline:none}.menu[data-v-9ad060d3]{position:absolute;margin-top:var(--vs-menu-offset-top);max-height:var(--vs-menu-height);overflow-y:auto;border:var(--vs-menu-border);border-radius:var(--vs-border-radius);box-shadow:var(--vs-menu-box-shadow);background-color:var(--vs-menu-background-color);z-index:var(--vs-menu-z-index)}.no-results[data-v-9ad060d3]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color)}.taggable-no-options[data-v-9ad060d3]{padding:var(--vs-option-padding);font-size:var(--vs-font-size);font-family:var(--vs-font-family);color:var(--vs-text-color);cursor:pointer}')),document.head.appendChild(o)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue")):typeof define=="function"&&define.amd?define(["vue"],b):(e=typeof globalThis<"u"?globalThis:e||self,e["vue3-select-component"]=b(e.Vue))})(this,function(e){"use strict";const b=(u,r)=>{const o=u.__vccOpts||u;for(const[c,l]of r)o[c]=l;return o},L={},R={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"};function A(u,r){return e.openBlock(),e.createElementBlock("svg",R,r[0]||(r[0]=[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z","clip-rule":"evenodd"},null,-1)]))}const S=b(L,[["render",A]]),F={},z={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"};function q(u,r){return e.openBlock(),e.createElementBlock("svg",z,r[0]||(r[0]=[e.createElementVNode("path",{d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"},null,-1)]))}const V=b(F,[["render",q]]),x={},P={className:"spinner"};function K(u,r){return e.openBlock(),e.createElementBlock("div",P,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(12,o=>e.createElementVNode("div",{key:o,class:"spinner-circle"})),64))])}const D=b(x,[["render",K],["__scopeId","data-v-ed866313"]]),U={ref:"container",class:"indicators-container"},W=["disabled"],H=["disabled"],j=b(e.defineComponent({__name:"Indicators",props:{hasSelectedOption:{type:Boolean},isMenuOpen:{type:Boolean},isClearable:{type:Boolean},isLoading:{type:Boolean},isDisabled:{type:Boolean}},emits:["clear","toggle"],setup(u,{expose:r,emit:o}){const c=o,l=e.useTemplateRef("container"),p=e.useTemplateRef("clearButton"),f=e.useTemplateRef("dropdownButton");return r({containerRef:l,clearButtonRef:p,dropdownButtonRef:f}),(d,g)=>(e.openBlock(),e.createElementBlock("div",U,[d.hasSelectedOption&&d.isClearable&&!d.isLoading?(e.openBlock(),e.createElementBlock("button",{key:0,ref:"clearButton",type:"button",class:"clear-button",tabindex:"-1",disabled:d.isDisabled,onClick:g[0]||(g[0]=e.withModifiers(a=>c("clear"),["stop"]))},[e.renderSlot(d.$slots,"clear",{},()=>[e.createVNode(V)],!0)],8,W)):e.createCommentVNode("",!0),d.isLoading?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,ref:"dropdownButton",type:"button",class:e.normalizeClass(["dropdown-icon",{active:d.isMenuOpen}]),tabindex:"-1",disabled:d.isDisabled,onClick:g[1]||(g[1]=e.withModifiers(a=>c("toggle"),["stop"]))},[e.renderSlot(d.$slots,"dropdown",{},()=>[e.createVNode(S)],!0)],10,H)),e.renderSlot(d.$slots,"loading",{},()=>[d.isLoading?(e.openBlock(),e.createBlock(D,{key:0})):e.createCommentVNode("",!0)],!0)],512))}}),[["__scopeId","data-v-c1d96dfe"]]),Z=["aria-disabled","aria-selected"],X=b(e.defineComponent({__name:"MenuOption",props:{menu:{},index:{},isFocused:{type:Boolean},isSelected:{type:Boolean},isDisabled:{type:Boolean}},emits:["select"],setup(u,{emit:r}){const o=u,c=r,l=e.ref(null);return e.watch(()=>o.isFocused,()=>{if(o.isFocused&&o.menu){const p=o.menu.children[o.index],f=p.offsetTop,d=f+p.clientHeight,g=o.menu.scrollTop,a=o.menu.clientHeight;f<g?o.menu.scrollTop=f:d>g+a&&(o.menu.scrollTop=d-a)}}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"option",ref:l,class:e.normalizeClass(["menu-option",{focused:p.isFocused,selected:p.isSelected,disabled:p.isDisabled}]),tabindex:"-1",role:"option","aria-disabled":p.isDisabled,"aria-selected":p.isSelected,onClick:f[0]||(f[0]=d=>c("select")),onKeydown:f[1]||(f[1]=e.withKeys(d=>c("select"),["enter"]))},[e.renderSlot(p.$slots,"default",{},void 0,!0)],42,Z))}}),[["__scopeId","data-v-00296627"]]),G={class:"multi-value"},J={class:"multi-value-label"},Q=["aria-label"],Y=b(e.defineComponent({__name:"MultiValue",props:{label:{}},emits:["remove"],setup(u,{emit:r}){const o=r;return(c,l)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",J,e.toDisplayString(c.label),1),e.createElementVNode("button",{type:"button",class:"multi-value-remove","aria-label":`Remove ${c.label}`,onClick:l[0]||(l[0]=e.withModifiers(p=>o("remove"),["stop"]))},[e.createVNode(V)],8,Q)]))}}),[["__scopeId","data-v-bb4d11af"]]),ee={class:"input-placeholder"},te=b(e.defineComponent({__name:"Placeholder",props:{text:{}},setup(u){return(r,o)=>(e.openBlock(),e.createElementBlock("div",ee,e.toDisplayString(r.text),1))}}),[["__scopeId","data-v-a6f8261d"]]);let oe=0;function le(){return++oe}const ne=["data-state"],ae=["id","aria-expanded","aria-describedby","aria-description","aria-labelledby","aria-label","aria-required","aria-owns","aria-controls"],ie=["data-value"],se=["id","aria-labelledby","disabled"],re=["id","aria-label","aria-multiselectable"],de={key:0,class:"no-results"},ce=e.defineComponent({__name:"Select",props:e.mergeModels({options:{},displayedOptions:{},placeholder:{default:"Select an option"},isClearable:{type:Boolean,default:!0},isDisabled:{type:Boolean,default:!1},isSearchable:{type:Boolean,default:!0},isMulti:{type:Boolean,default:!1},isTaggable:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},isMenuOpen:{type:Boolean,default:void 0},shouldAutofocusOption:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},teleport:{default:void 0},inputId:{default:void 0},class:{},uid:{default:le()},aria:{default:void 0},disableInvalidVModelWarn:{type:Boolean,default:!1},filterBy:{type:Function,default:(u,r,o)=>r.toLowerCase().includes(o.toLowerCase())},getOptionValue:{type:Function,default:u=>u.value},getOptionLabel:{type:Function,default:u=>u.label}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["optionSelected","optionDeselected","optionCreated","menuOpened","menuClosed","search"],["update:modelValue"]),setup(u,{emit:r}){const o=u,c=r,l=e.useModel(u,"modelValue"),p=e.useTemplateRef("container"),f=e.useTemplateRef("input"),d=e.useTemplateRef("menu"),g=e.useTemplateRef("indicators"),a=e.ref(""),m=e.ref(!1),$=e.ref(-1),k=e.computed(()=>{const t=o.displayedOptions||o.options;t?.length||console.warn("[vue3-select-component warn]: No options or displayedOptions were provided to the component.");const n=t.map(i=>({...i,label:o.getOptionLabel(i),value:o.getOptionValue(i)})),s=i=>i.filter(h=>Array.isArray(l.value)?!l.value.includes(h.value):!0);if(o.isSearchable&&a.value){const i=n.filter(h=>o.filterBy(h,o.getOptionLabel(h),a.value));return o.isMulti?s(i):i}return o.isMulti?s(n):n}),y=e.computed(()=>{if(o.isMulti)return Array.isArray(l.value)?l.value.map(n=>o.options.find(s=>s.value===n)):(o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`),[]);const t=o.options.find(n=>o.getOptionValue(n)===l.value);return t?[t]:[]});function v(){o.isDisabled||(m.value=!0,o.shouldAutofocusOption&&($.value=o.options.findIndex(t=>!t.disabled)),f.value&&f.value.focus(),c("menuOpened"))}function B(){m.value=!1,a.value="",c("menuClosed")}function ue(){m.value?B():v()}function pe(t){g.value?.containerRef&&!g.value.containerRef.contains(t.target)&&v()}const O=t=>{t.disabled||(o.isMulti?Array.isArray(l.value)?l.value.push(t.value):(l.value=[t.value],o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}. Since an option has been selected, the component automatically converted the v-model to an array.`)):l.value=t.value,c("optionSelected",t),a.value="",o.closeOnSelect&&B(),f.value&&f.value.blur())},N=t=>{o.isMulti&&!o.isDisabled&&(Array.isArray(l.value)?(l.value=l.value.filter(n=>n!==t.value),c("optionDeselected",t)):o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${l.value}`))},fe=()=>{o.isMulti?(l.value=[],c("optionDeselected",null)):(l.value=void 0,c("optionDeselected",y.value[0])),B(),f.value&&f.value.blur()},E=()=>{c("optionCreated",a.value),a.value="",B()},_=t=>{if(m.value){const n=$.value;if(t.key==="ArrowDown"){t.preventDefault();const i=k.value.findIndex((w,C)=>!w.disabled&&C>n),h=k.value.findIndex(w=>!w.disabled);$.value=i===-1?h:i}if(t.key==="ArrowUp"){t.preventDefault();const i=k.value.reduce((w,C,M)=>!C.disabled&&M<n?M:w,-1),h=k.value.reduce((w,C,M)=>C.disabled?w:M,-1);$.value=i===-1?h:i}if(t.key==="Enter"){const i=k.value[n];t.preventDefault(),i?O(i):o.isTaggable&&a.value&&E()}if(t.code==="Space"&&a.value.length===0){const i=k.value[n];t.preventDefault(),i&&O(i)}t.key==="Escape"&&(t.preventDefault(),B());const s=o.isMulti&&Array.isArray(l.value)?l.value.length>0:!!l.value;t.key==="Backspace"&&a.value.length===0&&s&&(t.preventDefault(),o.isMulti&&Array.isArray(l.value)?l.value=l.value.slice(0,-1):l.value=void 0)}},me=t=>{t.key==="Tab"?B():t.code==="Space"&&!m.value&&a.value.length===0&&(t.preventDefault(),t.stopImmediatePropagation(),v())},T=t=>{const n=t.target,s=p.value&&p.value.contains(n),i=d.value&&d.value.contains(n);!s&&!i&&B()},I=()=>{if(p.value){const t=p.value.getBoundingClientRect();return{left:`${t.x}px`,top:`${t.y+t.height}px`}}return console.warn("Unable to calculate dynamic menu position because of missing internal DOM reference."),{top:"0px",left:"0px"}};return e.watch(()=>a.value,()=>{c("search",a.value),a.value&&!m.value&&v()}),e.watch(()=>o.isMenuOpen,t=>{t?v():B()},{immediate:!0}),e.onMounted(()=>{document.addEventListener("mousedown",T),document.addEventListener("keydown",_)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",T),document.removeEventListener("keydown",_)}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref:"container",dir:"auto",class:e.normalizeClass(["vue-select",[{open:m.value,typing:m.value&&a.value.length>0,disabled:t.isDisabled},o.class]]),"data-state":m.value?"open":"closed"},[e.createElementVNode("div",{class:e.normalizeClass(["control",{focused:m.value,disabled:o.isDisabled}]),onClick:n[3]||(n[3]=s=>pe(s))},[e.createElementVNode("div",{id:`vue-select-${t.uid}-combobox`,class:e.normalizeClass(["value-container",{multi:t.isMulti,"has-value":y.value.length>0}]),role:"combobox","aria-expanded":m.value,"aria-describedby":t.placeholder,"aria-description":t.placeholder,"aria-labelledby":t.aria?.labelledby,"aria-label":y.value.length?y.value.map(t.getOptionLabel).join(", "):"","aria-required":t.aria?.required,"aria-owns":`vue-select-${t.uid}-listbox`,"aria-controls":`vue-select-${t.uid}-listbox`,"aria-haspopup":"true"},[!y.value[0]&&!a.value.length?(e.openBlock(),e.createBlock(te,{key:0,text:t.placeholder},null,8,["text"])):!o.isMulti&&y.value[0]?(e.openBlock(),e.createElementBlock("div",{key:1,class:"single-value",onClick:n[0]||(n[0]=s=>v())},[e.renderSlot(t.$slots,"value",{option:y.value[0]},()=>[e.createTextVNode(e.toDisplayString(t.getOptionLabel(y.value[0])),1)],!0)])):o.isMulti&&y.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(y.value,s=>e.renderSlot(t.$slots,"tag",{key:s.value,option:s,removeOption:()=>N(s)},()=>[e.createVNode(Y,{label:t.getOptionLabel(s),onRemove:i=>N(s)},null,8,["label","onRemove"])],!0)),128)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-container",{typing:m.value&&a.value.length>0}]),"data-value":a.value},[e.withDirectives(e.createElementVNode("input",{id:t.inputId,ref:"input","onUpdate:modelValue":n[1]||(n[1]=s=>a.value=s),class:"search-input",autocapitalize:"none",autocomplete:"off",autocorrect:"off",spellcheck:"false",tabindex:"0",type:"text","aria-autocomplete":"list","aria-labelledby":`vue-select-${t.uid}-combobox`,disabled:t.isDisabled,placeholder:"",onMousedown:n[2]||(n[2]=s=>v()),onKeydown:me},null,40,se),[[e.vModelText,a.value]])],10,ie)],10,ae),e.createVNode(j,{ref:"indicators","has-selected-option":y.value.length>0,"is-menu-open":m.value,"is-clearable":t.isClearable,"is-loading":t.isLoading,"is-disabled":t.isDisabled,onClear:fe,onToggle:ue},{clear:e.withCtx(()=>[e.renderSlot(t.$slots,"clear",{},()=>[e.createVNode(V)],!0)]),dropdown:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown",{},()=>[e.createVNode(S)],!0)]),loading:e.withCtx(()=>[e.renderSlot(t.$slots,"loading",{},()=>[t.isLoading?(e.openBlock(),e.createBlock(D,{key:0})):e.createCommentVNode("",!0)],!0)]),_:3},8,["has-selected-option","is-menu-open","is-clearable","is-loading","is-disabled"])],2),(e.openBlock(),e.createBlock(e.Teleport,{to:t.teleport,disabled:!t.teleport,defer:!0},[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,id:`vue-select-${t.uid}-listbox`,ref:"menu",class:"menu",role:"listbox","aria-label":t.aria?.labelledby,"aria-multiselectable":t.isMulti,style:e.normalizeStyle({width:o.teleport?`${e.unref(p)?.getBoundingClientRect().width}px`:"100%",top:o.teleport?I().top:"unset",left:o.teleport?I().left:"unset"})},[e.renderSlot(t.$slots,"menu-header",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(s,i)=>(e.openBlock(),e.createBlock(X,{key:i,type:"button",menu:e.unref(d),index:i,"is-focused":$.value===i,"is-selected":s.value===l.value,"is-disabled":s.disabled||!1,onSelect:h=>O(s)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"option",{option:s},()=>[e.createTextVNode(e.toDisplayString(t.getOptionLabel(s)),1)],!0)]),_:2},1032,["menu","index","is-focused","is-selected","is-disabled","onSelect"]))),128)),!t.isTaggable&&k.value.length===0?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"no-options",{},()=>[n[4]||(n[4]=e.createTextVNode(" No results found "))],!0)])):e.createCommentVNode("",!0),t.isTaggable&&a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"taggable-no-options",onClick:E},[e.renderSlot(t.$slots,"taggable-no-options",{option:a.value},()=>[e.createTextVNode(" Press enter to add "+e.toDisplayString(a.value)+" option ",1)],!0)])):e.createCommentVNode("",!0)],12,re)):e.createCommentVNode("",!0)],8,["to","disabled"]))],10,ne))}});return b(ce,[["__scopeId","data-v-9ad060d3"]])});

package.json

 {
   "name": "vue3-select-component",
   "type": "module",
-  "version": "0.11.5",
+  "version": "0.11.6-beta.1",
   "description": "A flexible & modern select-input control for Vue 3.",
@@ -47,5 +47,5 @@ "author": "Thomas Cazade <[e-mail]>",
   "devDependencies": {
-    "@antfu/eslint-config": "4.3.0",
+    "@antfu/eslint-config": "4.4.0",
     "@tsconfig/node22": "22.0.0",
-    "@types/node": "22.13.5",
+    "@types/node": "22.13.9",
     "@vitejs/plugin-vue": "5.2.1",
@@ -58,3 +58,3 @@ "@vitest/coverage-v8": "3.0.7",
     "eslint": "9.20.1",
-    "happy-dom": "17.1.8",
+    "happy-dom": "17.1.9",
     "npm-run-all2": "7.0.2",
@@ -65,3 +65,3 @@ "postcss": "8.5.3",
     "vite-plugin-css-injected-by-js": "3.5.2",
-    "vite-plugin-dts": "4.5.0",
+    "vite-plugin-dts": "4.5.3",
     "vite-plugin-vue-devtools": "7.7.2",
@@ -72,4 +72,4 @@ "vitepress": "1.6.3",
     "vue-router": "4.5.0",
-    "vue-tsc": "2.2.4"
+    "vue-tsc": "2.2.8"
   }
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

70706

0.15%

Worsened metrics

Lines of code

862

-0.35%

No dependency changes