vue3-select-component
Advanced tools
Comparing version
@@ -1,3 +0,3 @@ | ||
(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-5a8652d5]{box-sizing:border-box}.vue-select[data-v-5a8652d5]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-5a8652d5]{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-5a8652d5]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-5a8652d5]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-5a8652d5]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-5a8652d5]{display:flex;flex-wrap:wrap}.single-value[data-v-5a8652d5]{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-5a8652d5]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-5a8652d5]{opacity:0}.input-container[data-v-5a8652d5]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-5a8652d5]{transform:translateZ(0)}.input-container.typing[data-v-5a8652d5]: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-5a8652d5]{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-5a8652d5]{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-5a8652d5]{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-5a8652d5]{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 $, Fragment as P, renderList as K, defineComponent as V, useTemplateRef as D, withModifiers as U, renderSlot as m, createVNode as L, createCommentVNode as M, normalizeClass as I, createBlock as T, ref as F, watch as z, withKeys as ae, toDisplayString as R, mergeModels as Q, useModel as ie, computed as W, 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"; | ||
(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-47bbf404]{box-sizing:border-box}.vue-select[data-v-47bbf404]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-47bbf404]{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-47bbf404]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-47bbf404]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-47bbf404]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-47bbf404]{display:flex;flex-wrap:wrap}.single-value[data-v-47bbf404]{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-47bbf404]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-47bbf404]{opacity:0}.input-container[data-v-47bbf404]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-47bbf404]{transform:translateZ(0)}.input-container.typing[data-v-47bbf404]: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-47bbf404]{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-47bbf404]{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-47bbf404]{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-47bbf404]{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(e){console.error("vite-plugin-css-injected-by-js",e)}})(); | ||
import { openBlock as u, createElementBlock as f, createElementVNode as $, Fragment as P, renderList as K, defineComponent as R, useTemplateRef as D, withModifiers as U, renderSlot as m, createVNode as I, createCommentVNode as M, normalizeClass as L, createBlock as T, ref as F, watch as z, withKeys as ae, 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 = (d, s) => { | ||
@@ -44,3 +44,3 @@ const t = d.__vccOpts || d; | ||
class: "indicators-container" | ||
}, Me = ["disabled"], ke = ["disabled"], Be = /* @__PURE__ */ V({ | ||
}, Me = ["disabled"], ke = ["disabled"], Be = /* @__PURE__ */ R({ | ||
__name: "Indicators", | ||
@@ -68,3 +68,3 @@ props: { | ||
m(r.$slots, "clear", {}, () => [ | ||
L(H) | ||
I(H) | ||
], !0) | ||
@@ -76,3 +76,3 @@ ], 8, Me)) : M("", !0), | ||
type: "button", | ||
class: I(["dropdown-icon", { active: r.isMenuOpen }]), | ||
class: L(["dropdown-icon", { active: r.isMenuOpen }]), | ||
tabindex: "-1", | ||
@@ -83,3 +83,3 @@ disabled: r.isDisabled, | ||
m(r.$slots, "dropdown", {}, () => [ | ||
L(x) | ||
I(x) | ||
], !0) | ||
@@ -92,3 +92,3 @@ ], 10, ke)), | ||
} | ||
}), Ce = /* @__PURE__ */ k(Be, [["__scopeId", "data-v-c1d96dfe"]]), De = ["aria-disabled", "aria-selected"], Le = /* @__PURE__ */ V({ | ||
}), Ce = /* @__PURE__ */ k(Be, [["__scopeId", "data-v-c1d96dfe"]]), De = ["aria-disabled", "aria-selected"], Ie = /* @__PURE__ */ R({ | ||
__name: "MenuOption", | ||
@@ -116,3 +116,3 @@ props: { | ||
ref: a, | ||
class: I(["menu-option", { focused: p.isFocused, selected: p.isSelected, disabled: p.isDisabled }]), | ||
class: L(["menu-option", { focused: p.isFocused, selected: p.isSelected, disabled: p.isDisabled }]), | ||
tabindex: "-1", | ||
@@ -128,3 +128,3 @@ role: "option", | ||
} | ||
}), Ie = /* @__PURE__ */ k(Le, [["__scopeId", "data-v-00296627"]]), Se = { class: "multi-value" }, _e = { class: "multi-value-label" }, Te = ["aria-label"], Re = /* @__PURE__ */ V({ | ||
}), Le = /* @__PURE__ */ k(Ie, [["__scopeId", "data-v-00296627"]]), Se = { class: "multi-value" }, _e = { class: "multi-value-label" }, Te = ["aria-label"], Ve = /* @__PURE__ */ R({ | ||
__name: "MultiValue", | ||
@@ -138,3 +138,3 @@ props: { | ||
return (c, a) => (u(), f("div", Se, [ | ||
$("div", _e, R(c.label), 1), | ||
$("div", _e, V(c.label), 1), | ||
$("button", { | ||
@@ -146,7 +146,7 @@ type: "button", | ||
}, [ | ||
L(H) | ||
I(H) | ||
], 8, Te) | ||
])); | ||
} | ||
}), Ve = /* @__PURE__ */ k(Re, [["__scopeId", "data-v-bb4d11af"]]), Ae = { class: "input-placeholder" }, Ne = /* @__PURE__ */ V({ | ||
}), Re = /* @__PURE__ */ k(Ve, [["__scopeId", "data-v-bb4d11af"]]), Ae = { class: "input-placeholder" }, Ne = /* @__PURE__ */ R({ | ||
__name: "Placeholder", | ||
@@ -157,3 +157,3 @@ props: { | ||
setup(d) { | ||
return (s, t) => (u(), f("div", Ae, R(s.text), 1)); | ||
return (s, t) => (u(), f("div", Ae, V(s.text), 1)); | ||
} | ||
@@ -165,8 +165,8 @@ }), Ee = /* @__PURE__ */ k(Ne, [["__scopeId", "data-v-a6f8261d"]]); | ||
} | ||
const Pe = ["data-state"], Ke = ["id", "aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required", "aria-owns", "aria-controls"], Ue = ["data-value"], ze = ["id", "aria-labelledby", "disabled"], He = ["id", "aria-label", "aria-multiselectable"], Ze = { | ||
const Pe = ["data-state"], Ke = ["id", "aria-expanded", "aria-describedby", "aria-description", "aria-labelledby", "aria-label", "aria-required", "aria-owns", "aria-controls"], Ue = ["data-value"], ze = ["id", "aria-labelledby", "disabled"], He = ["id", "aria-label", "aria-multiselectable"], We = { | ||
key: 0, | ||
class: "no-results" | ||
}, je = /* @__PURE__ */ V({ | ||
}, Ze = /* @__PURE__ */ R({ | ||
__name: "Select", | ||
props: /* @__PURE__ */ Q({ | ||
props: /* @__PURE__ */ J({ | ||
options: {}, | ||
@@ -189,2 +189,3 @@ displayedOptions: {}, | ||
aria: { default: void 0 }, | ||
disableInvalidVModelWarn: { type: Boolean, default: !1 }, | ||
filterBy: { type: Function, default: (d, s, t) => s.toLowerCase().includes(t.toLowerCase()) }, | ||
@@ -200,5 +201,5 @@ getOptionValue: { type: Function, default: (d) => d.value }, | ||
}), | ||
emits: /* @__PURE__ */ Q(["optionSelected", "optionDeselected", "optionCreated", "menuOpened", "menuClosed", "search"], ["update:modelValue"]), | ||
emits: /* @__PURE__ */ J(["optionSelected", "optionDeselected", "optionCreated", "menuOpened", "menuClosed", "search"], ["update:modelValue"]), | ||
setup(d, { emit: s }) { | ||
const t = d, c = s, a = ie(d, "modelValue"), p = D("container"), v = D("input"), r = D("menu"), y = D("indicators"), n = F(""), b = F(!1), S = F(-1), w = W(() => { | ||
const t = d, c = s, a = ie(d, "modelValue"), p = D("container"), v = D("input"), r = D("menu"), y = D("indicators"), n = F(""), b = F(!1), S = F(-1), w = Q(() => { | ||
const e = t.displayedOptions || t.options; | ||
@@ -218,7 +219,7 @@ e?.length || console.warn("[vue3-select-component warn]: No options or displayedOptions were provided to the component."); | ||
return t.isMulti ? i(l) : l; | ||
}), g = W(() => { | ||
}), g = Q(() => { | ||
if (t.isMulti) | ||
return Array.isArray(a.value) || console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${a.value}`), a.value.map( | ||
return Array.isArray(a.value) ? a.value.map( | ||
(l) => t.options.find((i) => i.value === l) | ||
); | ||
) : (t.disableInvalidVModelWarn || console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${a.value}`), []); | ||
const e = t.options.find((l) => t.getOptionValue(l) === a.value); | ||
@@ -241,9 +242,9 @@ return e ? [e] : []; | ||
e.disabled || (t.isMulti ? a.value.push(e.value) : a.value = e.value, c("optionSelected", e), n.value = "", t.closeOnSelect && O(), v.value && v.value.blur()); | ||
}, Z = (e) => { | ||
}, W = (e) => { | ||
t.isMulti && !t.isDisabled && (a.value = a.value.filter((l) => l !== e.value), c("optionDeselected", e)); | ||
}, ne = () => { | ||
t.isMulti ? (a.value = [], c("optionDeselected", null)) : (a.value = void 0, c("optionDeselected", g.value[0])), O(), v.value && v.value.blur(); | ||
}, j = () => { | ||
}, Z = () => { | ||
c("optionCreated", n.value), n.value = "", O(); | ||
}, X = (e) => { | ||
}, j = (e) => { | ||
if (b.value) { | ||
@@ -269,3 +270,3 @@ const l = S.value; | ||
const o = w.value[l]; | ||
e.preventDefault(), o ? q(o) : t.isTaggable && n.value && j(); | ||
e.preventDefault(), o ? q(o) : t.isTaggable && n.value && Z(); | ||
} | ||
@@ -282,6 +283,6 @@ if (e.code === "Space" && n.value.length === 0) { | ||
e.key === "Tab" ? O() : e.code === "Space" && !b.value && n.value.length === 0 && (e.preventDefault(), e.stopImmediatePropagation(), B()); | ||
}, G = (e) => { | ||
}, X = (e) => { | ||
const l = e.target, i = p.value && p.value.contains(l), o = r.value && r.value.contains(l); | ||
!i && !o && O(); | ||
}, J = () => { | ||
}, G = () => { | ||
if (p.value) { | ||
@@ -308,13 +309,13 @@ const e = p.value.getBoundingClientRect(); | ||
), se(() => { | ||
document.addEventListener("mousedown", G), document.addEventListener("keydown", X); | ||
document.addEventListener("mousedown", X), document.addEventListener("keydown", j); | ||
}), ue(() => { | ||
document.removeEventListener("mousedown", G), document.removeEventListener("keydown", X); | ||
document.removeEventListener("mousedown", X), document.removeEventListener("keydown", j); | ||
}), (e, l) => (u(), f("div", { | ||
ref: "container", | ||
dir: "auto", | ||
class: I(["vue-select", [{ open: b.value, typing: b.value && n.value.length > 0, disabled: e.isDisabled }, t.class]]), | ||
class: L(["vue-select", [{ open: b.value, typing: b.value && n.value.length > 0, disabled: e.isDisabled }, t.class]]), | ||
"data-state": b.value ? "open" : "closed" | ||
}, [ | ||
$("div", { | ||
class: I(["control", { focused: b.value, disabled: t.isDisabled }]), | ||
class: L(["control", { focused: b.value, disabled: t.isDisabled }]), | ||
onClick: l[3] || (l[3] = (i) => le(i)) | ||
@@ -324,3 +325,3 @@ }, [ | ||
id: `vue-select-${e.uid}-combobox`, | ||
class: I(["value-container", { multi: e.isMulti, "has-value": g.value.length > 0 }]), | ||
class: L(["value-container", { multi: e.isMulti, "has-value": g.value.length > 0 }]), | ||
role: "combobox", | ||
@@ -348,3 +349,3 @@ "aria-expanded": b.value, | ||
}, () => [ | ||
N(R(e.getOptionLabel(g.value[0])), 1) | ||
N(V(e.getOptionLabel(g.value[0])), 1) | ||
], !0) | ||
@@ -354,11 +355,11 @@ ])) : t.isMulti && g.value.length ? (u(!0), f(P, { key: 2 }, K(g.value, (i) => m(e.$slots, "tag", { | ||
option: i, | ||
removeOption: () => Z(i) | ||
removeOption: () => W(i) | ||
}, () => [ | ||
L(Ve, { | ||
I(Re, { | ||
label: e.getOptionLabel(i), | ||
onRemove: (o) => Z(i) | ||
onRemove: (o) => W(i) | ||
}, null, 8, ["label", "onRemove"]) | ||
], !0)), 128)) : M("", !0), | ||
$("div", { | ||
class: I(["input-container", { typing: b.value && n.value.length > 0 }]), | ||
class: L(["input-container", { typing: b.value && n.value.length > 0 }]), | ||
"data-value": n.value | ||
@@ -388,3 +389,3 @@ }, [ | ||
], 10, Ke), | ||
L(Ce, { | ||
I(Ce, { | ||
ref: "indicators", | ||
@@ -401,3 +402,3 @@ "has-selected-option": g.value.length > 0, | ||
m(e.$slots, "clear", {}, () => [ | ||
L(H) | ||
I(H) | ||
], !0) | ||
@@ -407,3 +408,3 @@ ]), | ||
m(e.$slots, "dropdown", {}, () => [ | ||
L(x) | ||
I(x) | ||
], !0) | ||
@@ -434,8 +435,8 @@ ]), | ||
width: t.teleport ? `${Y(p)?.getBoundingClientRect().width}px` : "100%", | ||
top: t.teleport ? J().top : "unset", | ||
left: t.teleport ? J().left : "unset" | ||
top: t.teleport ? G().top : "unset", | ||
left: t.teleport ? G().left : "unset" | ||
}) | ||
}, [ | ||
m(e.$slots, "menu-header", {}, void 0, !0), | ||
(u(!0), f(P, null, K(w.value, (i, o) => (u(), T(Ie, { | ||
(u(!0), f(P, null, K(w.value, (i, o) => (u(), T(Le, { | ||
key: o, | ||
@@ -452,3 +453,3 @@ type: "button", | ||
m(e.$slots, "option", { option: i }, () => [ | ||
N(R(e.getOptionLabel(i)), 1) | ||
N(V(e.getOptionLabel(i)), 1) | ||
], !0) | ||
@@ -458,3 +459,3 @@ ]), | ||
}, 1032, ["menu", "index", "is-focused", "is-selected", "is-disabled", "onSelect"]))), 128)), | ||
!e.isTaggable && w.value.length === 0 ? (u(), f("div", Ze, [ | ||
!e.isTaggable && w.value.length === 0 ? (u(), f("div", We, [ | ||
m(e.$slots, "no-options", {}, () => [ | ||
@@ -467,6 +468,6 @@ l[4] || (l[4] = N(" No results found ")) | ||
class: "taggable-no-options", | ||
onClick: j | ||
onClick: Z | ||
}, [ | ||
m(e.$slots, "taggable-no-options", { option: n.value }, () => [ | ||
N(" Press enter to add " + R(n.value) + " option ", 1) | ||
N(" Press enter to add " + V(n.value) + " option ", 1) | ||
], !0) | ||
@@ -478,5 +479,5 @@ ])) : M("", !0) | ||
} | ||
}), Ge = /* @__PURE__ */ k(je, [["__scopeId", "data-v-5a8652d5"]]); | ||
}), Xe = /* @__PURE__ */ k(Ze, [["__scopeId", "data-v-47bbf404"]]); | ||
export { | ||
Ge as default | ||
Xe as default | ||
}; |
@@ -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-5a8652d5]{box-sizing:border-box}.vue-select[data-v-5a8652d5]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-5a8652d5]{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-5a8652d5]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-5a8652d5]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-5a8652d5]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-5a8652d5]{display:flex;flex-wrap:wrap}.single-value[data-v-5a8652d5]{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-5a8652d5]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-5a8652d5]{opacity:0}.input-container[data-v-5a8652d5]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-5a8652d5]{transform:translateZ(0)}.input-container.typing[data-v-5a8652d5]: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-5a8652d5]{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-5a8652d5]{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-5a8652d5]{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-5a8652d5]{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,i]of r)o[u]=i;return o},I={},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 V=b(I,[["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 M=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"},H=["disabled"],j=["disabled"],Z=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,i=e.useTemplateRef("container"),p=e.useTemplateRef("clearButton"),f=e.useTemplateRef("dropdownButton");return r({containerRef:i,clearButtonRef:p,dropdownButtonRef:f}),(c,y)=>(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:y[0]||(y[0]=e.withModifiers(l=>u("clear"),["stop"]))},[e.renderSlot(c.$slots,"clear",{},()=>[e.createVNode(M)],!0)],8,H)):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:y[1]||(y[1]=e.withModifiers(l=>u("toggle"),["stop"]))},[e.renderSlot(c.$slots,"dropdown",{},()=>[e.createVNode(V)],!0)],10,j)),e.renderSlot(c.$slots,"loading",{},()=>[c.isLoading?(e.openBlock(),e.createBlock(D,{key:0})):e.createCommentVNode("",!0)],!0)],512))}}),[["__scopeId","data-v-c1d96dfe"]]),X=["aria-disabled","aria-selected"],G=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,i=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,y=o.menu.scrollTop,l=o.menu.clientHeight;f<y?o.menu.scrollTop=f:c>y+l&&(o.menu.scrollTop=c-l)}}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"option",ref:i,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,X))}}),[["__scopeId","data-v-00296627"]]),J={class:"multi-value"},Q={class:"multi-value-label"},W=["aria-label"],Y=b(e.defineComponent({__name:"MultiValue",props:{label:{}},emits:["remove"],setup(d,{emit:r}){const o=r;return(u,i)=>(e.openBlock(),e.createElementBlock("div",J,[e.createElementVNode("div",Q,e.toDisplayString(u.label),1),e.createElementVNode("button",{type:"button",class:"multi-value-remove","aria-label":`Remove ${u.label}`,onClick:i[0]||(i[0]=e.withModifiers(p=>o("remove"),["stop"]))},[e.createVNode(M)],8,W)]))}}),[["__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 ne(){return++oe}const le=["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:ne()},aria:{default:void 0},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,i=e.useModel(d,"modelValue"),p=e.useTemplateRef("container"),f=e.useTemplateRef("input"),c=e.useTemplateRef("menu"),y=e.useTemplateRef("indicators"),l=e.ref(""),m=e.ref(!1),C=e.ref(-1),h=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(a=>({...a,label:o.getOptionLabel(a),value:o.getOptionValue(a)})),s=a=>a.filter(k=>!i.value.includes(k.value));if(o.isSearchable&&l.value){const a=n.filter(k=>o.filterBy(k,o.getOptionLabel(k),l.value));return o.isMulti?s(a):a}return o.isMulti?s(n):n}),g=e.computed(()=>{if(o.isMulti)return Array.isArray(i.value)||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${i.value}`),i.value.map(n=>o.options.find(s=>s.value===n));const t=o.options.find(n=>o.getOptionValue(n)===i.value);return t?[t]:[]});function w(){o.isDisabled||(m.value=!0,o.shouldAutofocusOption&&(C.value=o.options.findIndex(t=>!t.disabled)),f.value&&f.value.focus(),u("menuOpened"))}function B(){m.value=!1,l.value="",u("menuClosed")}function ue(){m.value?B():w()}function pe(t){y.value?.containerRef&&!y.value.containerRef.contains(t.target)&&w()}const S=t=>{t.disabled||(o.isMulti?i.value.push(t.value):i.value=t.value,u("optionSelected",t),l.value="",o.closeOnSelect&&B(),f.value&&f.value.blur())},N=t=>{o.isMulti&&!o.isDisabled&&(i.value=i.value.filter(n=>n!==t.value),u("optionDeselected",t))},fe=()=>{o.isMulti?(i.value=[],u("optionDeselected",null)):(i.value=void 0,u("optionDeselected",g.value[0])),B(),f.value&&f.value.blur()},E=()=>{u("optionCreated",l.value),l.value="",B()},_=t=>{if(m.value){const n=C.value;if(t.key==="ArrowDown"){t.preventDefault();const a=h.value.findIndex(($,v)=>!$.disabled&&v>n),k=h.value.findIndex($=>!$.disabled);C.value=a===-1?k:a}if(t.key==="ArrowUp"){t.preventDefault();const a=h.value.reduce(($,v,O)=>!v.disabled&&O<n?O:$,-1),k=h.value.reduce(($,v,O)=>v.disabled?$:O,-1);C.value=a===-1?k:a}if(t.key==="Enter"){const a=h.value[n];t.preventDefault(),a?S(a):o.isTaggable&&l.value&&E()}if(t.code==="Space"&&l.value.length===0){const a=h.value[n];t.preventDefault(),a&&S(a)}t.key==="Escape"&&(t.preventDefault(),B());const s=o.isMulti?i.value.length>0:!!i.value;t.key==="Backspace"&&l.value.length===0&&s&&(t.preventDefault(),o.isMulti?i.value=i.value.slice(0,-1):i.value=void 0)}},me=t=>{t.key==="Tab"?B():t.code==="Space"&&!m.value&&l.value.length===0&&(t.preventDefault(),t.stopImmediatePropagation(),w())},L=t=>{const n=t.target,s=p.value&&p.value.contains(n),a=c.value&&c.value.contains(n);!s&&!a&&B()},T=()=>{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(()=>l.value,()=>{u("search",l.value),l.value&&!m.value&&w()}),e.watch(()=>o.isMenuOpen,t=>{t?w():B()},{immediate:!0}),e.onMounted(()=>{document.addEventListener("mousedown",L),document.addEventListener("keydown",_)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",L),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&&l.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":g.value.length>0}]),role:"combobox","aria-expanded":m.value,"aria-describedby":t.placeholder,"aria-description":t.placeholder,"aria-labelledby":t.aria?.labelledby,"aria-label":g.value.length?g.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"},[!g.value[0]&&!l.value.length?(e.openBlock(),e.createBlock(te,{key:0,text:t.placeholder},null,8,["text"])):!o.isMulti&&g.value[0]?(e.openBlock(),e.createElementBlock("div",{key:1,class:"single-value",onClick:n[0]||(n[0]=s=>w())},[e.renderSlot(t.$slots,"value",{option:g.value[0]},()=>[e.createTextVNode(e.toDisplayString(t.getOptionLabel(g.value[0])),1)],!0)])):o.isMulti&&g.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(g.value,s=>e.renderSlot(t.$slots,"tag",{key:s.value,option:s,removeOption:()=>N(s)},()=>[e.createVNode(Y,{label:t.getOptionLabel(s),onRemove:a=>N(s)},null,8,["label","onRemove"])],!0)),128)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-container",{typing:m.value&&l.value.length>0}]),"data-value":l.value},[e.withDirectives(e.createElementVNode("input",{id:t.inputId,ref:"input","onUpdate:modelValue":n[1]||(n[1]=s=>l.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=>w()),onKeydown:me},null,40,se),[[e.vModelText,l.value]])],10,ie)],10,ae),e.createVNode(Z,{ref:"indicators","has-selected-option":g.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(M)],!0)]),dropdown:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown",{},()=>[e.createVNode(V)],!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?T().top:"unset",left:o.teleport?T().left:"unset"})},[e.renderSlot(t.$slots,"menu-header",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(s,a)=>(e.openBlock(),e.createBlock(G,{key:a,type:"button",menu:e.unref(c),index:a,"is-focused":C.value===a,"is-selected":s.value===i.value,"is-disabled":s.disabled||!1,onSelect:k=>S(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&&h.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&&l.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"taggable-no-options",onClick:E},[e.renderSlot(t.$slots,"taggable-no-options",{option:l.value},()=>[e.createTextVNode(" Press enter to add "+e.toDisplayString(l.value)+" option ",1)],!0)])):e.createCommentVNode("",!0)],12,re)):e.createCommentVNode("",!0)],8,["to","disabled"]))],10,le))}});return b(ce,[["__scopeId","data-v-5a8652d5"]])}); | ||
(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-47bbf404]{box-sizing:border-box}.vue-select[data-v-47bbf404]{position:relative;box-sizing:border-box;width:var(--vs-width)}.control[data-v-47bbf404]{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-47bbf404]{box-shadow:0 0 0 var(--vs-outline-width) var(--vs-outline-color);border-color:var(--vs-outline-color)}.control.disabled[data-v-47bbf404]{background-color:var(--vs-disabled-background-color)}.value-container[data-v-47bbf404]{position:relative;overflow:hidden;display:grid;align-items:center;flex:1 1 0%;padding:var(--vs-padding)}.value-container.multi.has-value[data-v-47bbf404]{display:flex;flex-wrap:wrap}.single-value[data-v-47bbf404]{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-47bbf404]{opacity:var(--vs-option-opacity-menu-open)}.vue-select.typing .single-value[data-v-47bbf404]{opacity:0}.input-container[data-v-47bbf404]{visibility:visible;display:inline-grid;grid-area:1 / 1 / 2 / 3;grid-template-columns:0px min-content}.input-container.typing[data-v-47bbf404]{transform:translateZ(0)}.input-container.typing[data-v-47bbf404]: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-47bbf404]{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-47bbf404]{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-47bbf404]{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-47bbf404]{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(e){console.error("vite-plugin-css-injected-by-js",e)}})(); | ||
(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,i]of r)o[u]=i;return o},I={},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(I,[["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 O=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"},H=["disabled"],j=["disabled"],W=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,i=e.useTemplateRef("container"),p=e.useTemplateRef("clearButton"),f=e.useTemplateRef("dropdownButton");return r({containerRef:i,clearButtonRef:p,dropdownButtonRef:f}),(c,y)=>(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:y[0]||(y[0]=e.withModifiers(n=>u("clear"),["stop"]))},[e.renderSlot(c.$slots,"clear",{},()=>[e.createVNode(O)],!0)],8,H)):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:y[1]||(y[1]=e.withModifiers(n=>u("toggle"),["stop"]))},[e.renderSlot(c.$slots,"dropdown",{},()=>[e.createVNode(S)],!0)],10,j)),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,i=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,y=o.menu.scrollTop,n=o.menu.clientHeight;f<y?o.menu.scrollTop=f:c>y+n&&(o.menu.scrollTop=c-n)}}),(p,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"option",ref:i,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,i)=>(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:i[0]||(i[0]=e.withModifiers(p=>o("remove"),["stop"]))},[e.createVNode(O)],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,i=e.useModel(d,"modelValue"),p=e.useTemplateRef("container"),f=e.useTemplateRef("input"),c=e.useTemplateRef("menu"),y=e.useTemplateRef("indicators"),n=e.ref(""),m=e.ref(!1),v=e.ref(-1),h=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 l=t.map(a=>({...a,label:o.getOptionLabel(a),value:o.getOptionValue(a)})),s=a=>a.filter(k=>!i.value.includes(k.value));if(o.isSearchable&&n.value){const a=l.filter(k=>o.filterBy(k,o.getOptionLabel(k),n.value));return o.isMulti?s(a):a}return o.isMulti?s(l):l}),g=e.computed(()=>{if(o.isMulti)return Array.isArray(i.value)?i.value.map(l=>o.options.find(s=>s.value===l)):(o.disableInvalidVModelWarn||console.warn(`[vue3-select-component warn]: The v-model provided should be an array when using \`isMulti\` prop, instead it was: ${i.value}`),[]);const t=o.options.find(l=>o.getOptionValue(l)===i.value);return t?[t]:[]});function w(){o.isDisabled||(m.value=!0,o.shouldAutofocusOption&&(v.value=o.options.findIndex(t=>!t.disabled)),f.value&&f.value.focus(),u("menuOpened"))}function B(){m.value=!1,n.value="",u("menuClosed")}function ue(){m.value?B():w()}function pe(t){y.value?.containerRef&&!y.value.containerRef.contains(t.target)&&w()}const V=t=>{t.disabled||(o.isMulti?i.value.push(t.value):i.value=t.value,u("optionSelected",t),n.value="",o.closeOnSelect&&B(),f.value&&f.value.blur())},N=t=>{o.isMulti&&!o.isDisabled&&(i.value=i.value.filter(l=>l!==t.value),u("optionDeselected",t))},fe=()=>{o.isMulti?(i.value=[],u("optionDeselected",null)):(i.value=void 0,u("optionDeselected",g.value[0])),B(),f.value&&f.value.blur()},E=()=>{u("optionCreated",n.value),n.value="",B()},_=t=>{if(m.value){const l=v.value;if(t.key==="ArrowDown"){t.preventDefault();const a=h.value.findIndex(($,C)=>!$.disabled&&C>l),k=h.value.findIndex($=>!$.disabled);v.value=a===-1?k:a}if(t.key==="ArrowUp"){t.preventDefault();const a=h.value.reduce(($,C,M)=>!C.disabled&&M<l?M:$,-1),k=h.value.reduce(($,C,M)=>C.disabled?$:M,-1);v.value=a===-1?k:a}if(t.key==="Enter"){const a=h.value[l];t.preventDefault(),a?V(a):o.isTaggable&&n.value&&E()}if(t.code==="Space"&&n.value.length===0){const a=h.value[l];t.preventDefault(),a&&V(a)}t.key==="Escape"&&(t.preventDefault(),B());const s=o.isMulti?i.value.length>0:!!i.value;t.key==="Backspace"&&n.value.length===0&&s&&(t.preventDefault(),o.isMulti?i.value=i.value.slice(0,-1):i.value=void 0)}},me=t=>{t.key==="Tab"?B():t.code==="Space"&&!m.value&&n.value.length===0&&(t.preventDefault(),t.stopImmediatePropagation(),w())},L=t=>{const l=t.target,s=p.value&&p.value.contains(l),a=c.value&&c.value.contains(l);!s&&!a&&B()},T=()=>{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(()=>n.value,()=>{u("search",n.value),n.value&&!m.value&&w()}),e.watch(()=>o.isMenuOpen,t=>{t?w():B()},{immediate:!0}),e.onMounted(()=>{document.addEventListener("mousedown",L),document.addEventListener("keydown",_)}),e.onBeforeUnmount(()=>{document.removeEventListener("mousedown",L),document.removeEventListener("keydown",_)}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref:"container",dir:"auto",class:e.normalizeClass(["vue-select",[{open:m.value,typing:m.value&&n.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:l[3]||(l[3]=s=>pe(s))},[e.createElementVNode("div",{id:`vue-select-${t.uid}-combobox`,class:e.normalizeClass(["value-container",{multi:t.isMulti,"has-value":g.value.length>0}]),role:"combobox","aria-expanded":m.value,"aria-describedby":t.placeholder,"aria-description":t.placeholder,"aria-labelledby":t.aria?.labelledby,"aria-label":g.value.length?g.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"},[!g.value[0]&&!n.value.length?(e.openBlock(),e.createBlock(te,{key:0,text:t.placeholder},null,8,["text"])):!o.isMulti&&g.value[0]?(e.openBlock(),e.createElementBlock("div",{key:1,class:"single-value",onClick:l[0]||(l[0]=s=>w())},[e.renderSlot(t.$slots,"value",{option:g.value[0]},()=>[e.createTextVNode(e.toDisplayString(t.getOptionLabel(g.value[0])),1)],!0)])):o.isMulti&&g.value.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:2},e.renderList(g.value,s=>e.renderSlot(t.$slots,"tag",{key:s.value,option:s,removeOption:()=>N(s)},()=>[e.createVNode(Y,{label:t.getOptionLabel(s),onRemove:a=>N(s)},null,8,["label","onRemove"])],!0)),128)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["input-container",{typing:m.value&&n.value.length>0}]),"data-value":n.value},[e.withDirectives(e.createElementVNode("input",{id:t.inputId,ref:"input","onUpdate:modelValue":l[1]||(l[1]=s=>n.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:l[2]||(l[2]=s=>w()),onKeydown:me},null,40,se),[[e.vModelText,n.value]])],10,ie)],10,ae),e.createVNode(W,{ref:"indicators","has-selected-option":g.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(O)],!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?T().top:"unset",left:o.teleport?T().left:"unset"})},[e.renderSlot(t.$slots,"menu-header",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(s,a)=>(e.openBlock(),e.createBlock(X,{key:a,type:"button",menu:e.unref(c),index:a,"is-focused":v.value===a,"is-selected":s.value===i.value,"is-disabled":s.disabled||!1,onSelect:k=>V(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&&h.value.length===0?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(t.$slots,"no-options",{},()=>[l[4]||(l[4]=e.createTextVNode(" No results found "))],!0)])):e.createCommentVNode("",!0),t.isTaggable&&n.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"taggable-no-options",onClick:E},[e.renderSlot(t.$slots,"taggable-no-options",{option:n.value},()=>[e.createTextVNode(" Press enter to add "+e.toDisplayString(n.value)+" option ",1)],!0)])):e.createCommentVNode("",!0)],12,re)):e.createCommentVNode("",!0)],8,["to","disabled"]))],10,ne))}});return b(ce,[["__scopeId","data-v-47bbf404"]])}); |
@@ -88,2 +88,8 @@ export type Option<T> = { | ||
/** | ||
* When set to true, the component will not emit a `console.warn` because of an invalid | ||
* `v-model` type when using `isMulti`. This is useful when using the component with | ||
* dynamic `v-model` references. | ||
*/ | ||
disableInvalidVModelWarn?: boolean; | ||
/** | ||
* Callback to filter the options based on the search input. By default, it filters | ||
@@ -90,0 +96,0 @@ * the options based on the `label` property of the option. The label is retrieved |
{ | ||
"name": "vue3-select-component", | ||
"type": "module", | ||
"version": "0.11.3", | ||
"version": "0.11.4", | ||
"description": "A flexible & modern select-input control for Vue 3.", | ||
@@ -49,5 +49,5 @@ "author": "Thomas Cazade <cazade.thomas@gmail.com>", | ||
"@tsconfig/node22": "22.0.0", | ||
"@types/node": "22.13.4", | ||
"@types/node": "22.13.5", | ||
"@vitejs/plugin-vue": "5.2.1", | ||
"@vitest/coverage-v8": "3.0.6", | ||
"@vitest/coverage-v8": "3.0.7", | ||
"@vue/test-utils": "2.4.6", | ||
@@ -58,7 +58,7 @@ "@vue/tsconfig": "0.7.0", | ||
"eslint": "9.20.1", | ||
"happy-dom": "17.1.1", | ||
"happy-dom": "17.1.8", | ||
"npm-run-all2": "7.0.2", | ||
"postcss": "8.5.2", | ||
"postcss": "8.5.3", | ||
"typescript": "5.7.3", | ||
"vite": "6.1.0", | ||
"vite": "6.2.0", | ||
"vite-plugin-css-injected-by-js": "3.5.2", | ||
@@ -68,7 +68,7 @@ "vite-plugin-dts": "4.5.0", | ||
"vitepress": "1.6.3", | ||
"vitest": "3.0.6", | ||
"vitest": "3.0.7", | ||
"vue": "3.5.13", | ||
"vue-router": "4.5.0", | ||
"vue-tsc": "2.2.0" | ||
"vue-tsc": "2.2.4" | ||
} | ||
} |
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
69663
0.66%861
0.82%