@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.16

package/dist/components/VvSelect/VvSelect.umd.js

@@ -1,2 +1 @@
-(function(e,A){typeof exports=="object"&&typeof module<"u"?module.exports=A(require("vue"),require("@vueuse/core"),require("uuid"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","uuid","@iconify/vue"],A):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=A(e.vue,e.core,e.uuid,e.vue$1))})(this,function(e,A,K,O){"use strict";const V={equals(r,n,t){return t?this.resolveFieldData(r,t)===this.resolveFieldData(n,t):this.deepEquals(r,n)},deepEquals(r,n){if(r===n)return!0;if(r&&n&&typeof r=="object"&&typeof n=="object"){const t=Array.isArray(r),u=Array.isArray(n);let l,a,d;if(t&&u){if(a=r.length,a!=n.length)return!1;for(l=a;l--!==0;)if(!this.deepEquals(r[l],n[l]))return!1;return!0}if(t!=u)return!1;const y=r instanceof Date,i=n instanceof Date;if(y!=i)return!1;if(y&&i)return r.getTime()==n.getTime();const S=r instanceof RegExp,c=n instanceof RegExp;if(S!=c)return!1;if(S&&c)return r.toString()==n.toString();const o=Object.keys(r);if(a=o.length,a!==Object.keys(n).length)return!1;for(l=a;l--!==0;)if(!Object.prototype.hasOwnProperty.call(n,o[l]))return!1;for(l=a;l--!==0;)if(d=o[l],!this.deepEquals(r[d],n[d]))return!1;return!0}return r!==r&&n!==n},resolveFieldData(r,n){if(r&&Object.keys(r).length&&n){if(n.indexOf(".")===-1)return r[n];{const t=n.split(".");let u=r;for(let l=0,a=t.length;l<a;++l){if(r==null)return null;u=u[t[l]]}return u}}else return null},isFunction(r){return!!(r&&r.constructor&&r.call&&r.apply)},findIndexInList(r,n){let t=-1;if(n){for(let u=0;u<n.length;u++)if(this.equals(n[u],r)){t=u;break}}return t},contains(r,n){if(r!=null&&n&&n.length){for(const t of n)if(this.equals(r,t))return!0}return!1},isEmpty(r){return r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0},isNotEmpty(r){return!this.isEmpty(r)},pickBy(r,n){return Object.fromEntries(Object.entries(r).filter(([t])=>n(t)))},removeFromList(r,n){const t=this.findIndexInList(r,n);return t>-1?n.filter((u,l)=>l!==t):n},isString(r){return typeof r=="string"||r instanceof String},propsToObject(r){return Object.keys(r).reduce((n,t)=>{var u,l,a,d,y;return this.isFunction(r[t])?n[t]=r[t]():Array.isArray(r[t])?n[t]=r[t][0]():(u=r[t])!=null&&u.type&&(Array.isArray(r[t].type)?n[t]=((l=r[t])==null?void 0:l.default)||((a=r[t])==null?void 0:a.type[0]()):n[t]=((d=r[t])==null?void 0:d.default)||((y=r[t])==null?void 0:y.type())),n},{})},filterArray(r,n,t){return r.filter(u=>n.some(l=>typeof l=="string"?u[t]==l:this.equals(u[t],l[t])))},kebabCase(r){var n,t;if(r)return(t=(n=r.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:n.join("-"))==null?void 0:t.toLowerCase()}},R={valid:Boolean,validLabel:[String,Array]},I={error:Boolean,errorLabel:[String,Array]},T={loading:Boolean,loadingLabel:String},q={disabled:Boolean},x={readonly:Boolean},F={modifiers:[String,Array]},L={hintLabel:{type:String,default:""}},z={...R,...I,...L,...T,...q,...x,...F,modelValue:[String,Array,Object],label:String,labelNoResult:{type:String,default:"No results"},placeholder:String,searchable:Boolean,searchPlaceholder:String,debounceSearch:{type:[Number,String],default:0},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],separator:{type:String,default:", "},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,native:Boolean};function D(r){return Array.isArray(r)?r.filter(n=>V.isString(n)).reduce((n,t)=>n.length>0?n+`
-`+t:t,""):r}function H(r,n){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(t){const u=e.toRefs(r),{error:l,valid:a,hint:d,loading:y}=n,{hintLabel:i,modelValue:S,valid:c,validLabel:o,error:g,errorLabel:s}=u,m=V.resolveFieldData(u,"loading"),b=V.resolveFieldData(u,"loadingLabel"),k=e.computed(()=>g.value?!!(g.value&&l||(s==null?void 0:s.value)&&Array.isArray(s.value)&&s.value.length>0||(s==null?void 0:s.value)&&V.isNotEmpty(s.value)):!1),w=e.computed(()=>!!(i&&i.value||d||a||o&&o.value||k.value||(m==null?void 0:m.value)&&y||(m==null?void 0:m.value)&&(b==null?void 0:b.value))),f=e.computed(()=>{const C=A.toReactive({hintLabel:i,modelValue:S,valid:c,validLabel:o,error:g,errorLabel:s,loading:m,loadingLabel:b,...t.params});return g!=null&&g.value?(l==null?void 0:l(C))||D(s==null?void 0:s.value)||(i==null?void 0:i.value):c!=null&&c.value?(a==null?void 0:a(C))||D(o==null?void 0:o.value)||(i==null?void 0:i.value):m!=null&&m.value?(y==null?void 0:y(C))||D(b==null?void 0:b.value)||(i==null?void 0:i.value):(d==null?void 0:d(C))||D(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:w,hintContent:f}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}function P(r,n){const t={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((l,a)=>{const d=e.unref(n[a])||!1;if(!d)return l;if(a==="modifiers"){const y=Array.isArray(d)?d:[d];return{...l,...y.reduce((i,S)=>({...i,[`${r}--${V.kebabCase(S)}`]:!0}),{})}}else return{...l,[`${r}--${V.kebabCase(a)}`]:d}},t)||{})}}const U={...q,...F,modelValue:[String,Array,Object],labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},Z={key:0},J=["for"],X=["id","type","value","checked","disabled"],G=e.defineComponent({__name:"VvDropdown",props:U,emits:["update:modelValue"],setup(r,{emit:n}){const t=r,u=K.v4(),{modifiers:l,disabled:a}=e.toRefs(t),{bemCssClasses:d}=P("vv-dropdown",{modifiers:l,disabled:a});function y(o){return Array.isArray(t.modelValue)?V.contains(o,t.modelValue)||V.contains(i(o),t.modelValue):V.equals(o,t.modelValue)||V.equals(i(o),t.modelValue)}function i(o){return typeof o=="string"?o:String(o[t.valueKey])}function S(o){return typeof o=="string"?o:o[t.labelKey]}function c(o){var b,k;const g=o.target;let s=g.value;if(s=(t.useObject?(b=t.options)==null?void 0:b.find(w=>w[t.valueKey]==s):null)||s,t.multiple){if(typeof t.maxValues<"u"&&t.maxValues>=0&&((k=t.modelValue)==null?void 0:k.length)>=t.maxValues&&(Array.isArray(t.modelValue)&&!V.contains(s,t.modelValue)||t.maxValues==0)){g.checked=!1;return}Array.isArray(t.modelValue)?s=V.contains(s,t.modelValue)?V.removeFromList(s,t.modelValue):[...t.modelValue,s]:s=[s]}n("update:modelValue",s)}return(o,g)=>{var s;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(d)),role:"listbox"},[(s=o.options)!=null&&s.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",Z,[e.createElementVNode("label",null,e.toDisplayString(o.labelNoResult),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.options,(m,b)=>{var k;return e.openBlock(),e.createElementBlock("li",{key:b},[e.createElementVNode("label",{for:`dropdown-${b}-${e.unref(u)}`},[e.createElementVNode("input",{id:`dropdown-${b}-${e.unref(u)}`,type:o.multiple?"checkbox":"radio",value:i(m),checked:y(m),disabled:typeof m=="object"&&(k=m.disabled)!=null?k:e.unref(a),onInput:c},null,40,X),e.createTextVNode(" "+e.toDisplayString(S(m)),1)],8,J)])}),128))],2)}}}),Q={...R,...I,...L,...T,...q,...x,...F,modelValue:{type:[String,Object],required:!0},label:String,placeholder:String,options:{type:Array,required:!0},useObject:Boolean,labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,modifiers:[String,Array]},W="ds",Y={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},M=e.defineComponent({__name:"VvIcon",props:Y,setup(r){const n=r,t=e.ref(!0),{modifiers:u}=e.toRefs(n),l=e.inject(W),{bemCssClasses:a}=P("vv-icon",{modifiers:u}),d=e.computed(()=>n.provider||(l==null?void 0:l.provider)),y=e.computed(()=>{const c=n.name||"",o=`@${d.value}:${n.prefix}:${n.name}`;return O.iconExists(c)?c:O.iconExists(o)?o:(l==null?void 0:l.iconsCollections.find(g=>{const s=`@${d.value}:${g.prefix}:${c}`;if(O.iconExists(s))return s}))||c});function i(c){let o=null;if(typeof window>"u"){const{JSDOM:b}=require("jsdom");o=new b().window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(c,"text/html").querySelector("svg")}function S(c){const o=i(c),g=(o==null?void 0:o.innerHTML.trim())||"";o&&g&&O.addIcon(`@${d.value}:${n.prefix}:${n.name}`,{body:g,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return l&&(n.src?(t.value=!1,l.fetchIcon(n.src).then(c=>{c&&(S(c),t.value=!0)}).catch(c=>{throw new Error(`During fetch icon: ${c==null?void 0:c.message}`)})):n.svg&&S(n.svg)),(c,o)=>t.value?(e.openBlock(),e.createBlock(e.unref(O.Icon),e.mergeProps({key:0,class:e.unref(a)},{...c.$props,provider:e.unref(d),icon:e.unref(y)}),null,16,["class"])):e.createCommentVNode("",!0)}}),v=["for"],ee={class:"vv-select__wrapper"},te=["id","value","disabled"],re={key:0,value:"",disabled:"",selected:""},ne=["disabled","value"],oe=e.defineComponent({__name:"VvNativeSelect",props:Q,emits:["update:modelValue"],setup(r,{emit:n}){const t=r,u=e.useSlots(),l=H(t,u),{modifiers:a,disabled:d,readonly:y,loading:i,iconLeft:S,iconRight:c,error:o,valid:g}=e.toRefs(t),s=K.v4(),{bemCssClasses:m}=P("vv-select",{modifiers:a,loading:i,readonly:y,iconLeft:S,iconRight:c,valid:g,invalid:o,dirty:e.computed(()=>V.isNotEmpty(t.modelValue))});function b(f){return typeof f=="string"?f:f[t.valueKey]}function k(f){return typeof f=="string"?f:f[t.labelKey]}function w(f){var N;const C=f.target,E=(t.useObject?(N=t.options)==null?void 0:N.find(j=>j[t.valueKey]==C.value):null)||C.value;n("update:modelValue",E)}return(f,C)=>{var _;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(m))},[f.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(s)},e.toDisplayString(f.label),9,v)):e.createCommentVNode("",!0),e.createElementVNode("div",ee,[e.renderSlot(f.$slots,"icon-left",{},()=>[e.unref(S)?(e.openBlock(),e.createBlock(M,{key:0,name:e.unref(S)},null,8,["name"])):e.createCommentVNode("",!0)]),e.createElementVNode("select",{id:e.unref(s),value:typeof f.modelValue=="string"?f.modelValue:(_=f.modelValue)==null?void 0:_[f.valueKey],disabled:e.unref(d)||e.unref(y),onInput:w},[f.placeholder?(e.openBlock(),e.createElementBlock("option",re,e.toDisplayString(f.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.options,(E,N)=>{var j;return e.openBlock(),e.createElementBlock("option",{key:N,disabled:typeof E=="object"&&(j=E.disabled)!=null?j:e.unref(d),value:b(E)},e.toDisplayString(k(E)),9,ne)}),128))],40,te),e.renderSlot(f.$slots,"icon-right",{},()=>[e.unref(c)?(e.openBlock(),e.createBlock(M,{key:0,name:e.unref(c)},null,8,["name"])):e.createCommentVNode("",!0)])]),e.createVNode(e.unref(l),{class:"vv-select__hint"})],2)}}}),le=["id"],se={key:0,for:"select"},ae=["placeholder"];return e.defineComponent({__name:"VvSelect",props:z,emits:["update:modelValue","change:search"],setup(r,{emit:n}){const t=r,u=e.useSlots(),l=H(t,u),a=e.ref(),d=e.ref();A.useFocus(d,{initialValue:!0});const y=K.v4(),i=e.ref(""),S=A.refDebounced(i,Number(t.debounceSearch)),c=e.ref(!1),{modifiers:o,disabled:g,readonly:s,loading:m,iconLeft:b,iconRight:k,valid:w,error:f}=e.toRefs(t);e.watch(S,()=>n("change:search",S.value));const{bemCssClasses:C}=P("vv-select",{modifiers:o,disabled:g,loading:m,readonly:s,iconLeft:b,iconRight:k,valid:w,invalid:f,dirty:e.computed(()=>V.isNotEmpty(t.modelValue))}),_=e.computed(()=>{var p;return(p=t.options)==null?void 0:p.every(h=>typeof h=="object")}),E=e.computed(()=>t.searchable?N.value:t.options),N=e.computed(()=>{var p;return(p=t.options)==null?void 0:p.filter(h=>typeof h=="string"?h.toLowerCase().includes(S.value.toLowerCase().trim()):h[t.labelKey].toLowerCase().includes(S.value.toLowerCase().trim()))}),j=e.computed(()=>{var h,B;if(t.multiple&&((h=t.modelValue)==null?void 0:h.length)&&Array.isArray(t.modelValue))return _.value?V.filterArray(t.options,t.modelValue,t.valueKey).map($=>$[t.labelKey]).join(t.separator):t.modelValue.join(t.separator);const p=t.useObject?t.modelValue:(B=t.options)==null?void 0:B.find($=>typeof $=="object"?$[t.valueKey]==t.modelValue:$==t.modelValue);return typeof p=="object"?p==null?void 0:p[t.labelKey]:p});A.onClickOutside(a,()=>{a.value.open=!1});function ie(p){const h=p.target;c.value=h.open}function ce(p){a.value&&!t.multiple&&(a.value.open=!1),n("update:modelValue",p)}return(p,h)=>p.native?(e.openBlock(),e.createBlock(oe,e.mergeProps({key:1},t,{"onUpdate:modelValue":h[4]||(h[4]=B=>n("update:modelValue",B))}),null,16)):(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(y),class:e.normalizeClass(e.unref(C))},[p.label?(e.openBlock(),e.createElementBlock("label",se,e.toDisplayString(p.label),1)):e.createCommentVNode("",!0),e.createElementVNode("details",{ref_key:"dropdown",ref:a,role:"list",class:"vv-select__wrapper",onClick:h[2]||(h[2]=B=>e.unref(g)||e.unref(s)?B.preventDefault():null),onKeyup:h[3]||(h[3]=e.withKeys(B=>a.value.open=!1,["esc"])),onToggle:ie},[e.createElementVNode("summary",{class:"vv-select__input","aria-haspopup":"listbox",onKeyup:h[1]||(h[1]=e.withKeys(B=>p.searchable?B.preventDefault():null,["space"]))},[p.searchable&&c.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,ref_key:"inputSearch",ref:d,"onUpdate:modelValue":h[0]||(h[0]=B=>i.value=B),placeholder:p.searchPlaceholder},null,8,ae)),[[e.vModelText,i.value]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(j)||p.placeholder),1)],64))],32),e.createVNode(G,e.mergeProps({...t,options:e.unref(E)},{"onUpdate:modelValue":ce}),null,16)],544),e.createVNode(e.unref(l),{class:"vv-select__hint"})],10,le))}})});
+(function(e,C){typeof exports=="object"&&typeof module<"u"?module.exports=C(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],C):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=C(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,C,P,N){"use strict";function $(n,r,t){return t?x(n,t)===x(r,t):T(n,r)}function T(n,r){if(n===r)return!0;if(n&&r&&typeof n=="object"&&typeof r=="object"){const t=Array.isArray(n),u=Array.isArray(r);let o,c,l;if(t&&u){if(c=n.length,c!=r.length)return!1;for(o=c;o--!==0;)if(!T(n[o],r[o]))return!1;return!0}if(t!=u)return!1;const b=n instanceof Date,h=r instanceof Date;if(b!=h)return!1;if(b&&h)return n.getTime()==r.getTime();const g=n instanceof RegExp,i=r instanceof RegExp;if(g!=i)return!1;if(g&&i)return n.toString()==r.toString();const s=Object.keys(n);if(c=s.length,c!==Object.keys(r).length)return!1;for(o=c;o--!==0;)if(!Object.prototype.hasOwnProperty.call(r,s[o]))return!1;for(o=c;o--!==0;)if(l=s[o],!T(n[l],r[l]))return!1;return!0}return n!==n&&r!==r}function x(n,r){if(n&&Object.keys(n).length&&r){if(r.indexOf(".")===-1)return n[r];{const t=r.split(".");let u=n;for(let o=0,c=t.length;o<c;++o){if(n==null)return null;u=u[t[o]]}return u}}else return null}function Y(n,r){let t=-1;if(r){for(let u=0;u<r.length;u++)if($(r[u],n)){t=u;break}}return t}function K(n,r){if(n!=null&&r&&r.length){for(const t of r)if($(n,t))return!0}return!1}function F(n){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(n))}function ee(n,r){const t=Y(n,r);return t>-1?r.filter((u,o)=>o!==t):r}function te(n){return typeof n=="string"||n instanceof String}function re(n,r,t){return n.filter(u=>r.some(o=>typeof o=="string"?u[t]==o:$(u[t],o[t])))}function z(n){var r,t;if(n)return(t=(r=n.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:t.toLowerCase()}function R(n,r){const t={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((o,c)=>{const l=e.unref(r[c])||!1;if(!l)return o;if(c==="modifiers"){const b=Array.isArray(l)?l:l.split(" ");return{...o,...b.reduce((h,g)=>({...h,[`${n}--${z(g)}`]:!0}),{})}}else return{...o,[`${n}--${z(c)}`]:l}},t)||{})}}function q(n){return Array.isArray(n)?n.filter(r=>te(r)).join(" "):n}function U(n,r){const{error:t,valid:u,hint:o,loading:c}=r,{hintLabel:l,modelValue:b,valid:h,validLabel:g,error:i,errorLabel:s,...a}=e.toRefs(n),y=x(a,"loading"),m=x(a,"loadingLabel"),V=e.computed(()=>i.value?!!(i.value&&t||s!=null&&s.value&&Array.isArray(s.value)&&s.value.length>0||s!=null&&s.value&&!F(s)):!1),S=e.computed(()=>!!(l&&l.value||o)),B=e.computed(()=>!!(g&&g.value||u)),_=e.computed(()=>!!(y!=null&&y.value&&c||y!=null&&y.value&&(m!=null&&m.value))),w=e.computed(()=>S.value||B||V.value||_.value);return{hasErrors:V,hasHint:S,hasValid:B,hasLoading:_,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(E){const j=e.computed(()=>{const A=P.toReactive({hintLabel:l,modelValue:b,valid:h,validLabel:g,error:i,errorLabel:s,loading:y,loadingLabel:m,...E.params});return i!=null&&i.value?(t==null?void 0:t(A))||q(s==null?void 0:s.value)||(l==null?void 0:l.value):h!=null&&h.value?(u==null?void 0:u(A))||q(g==null?void 0:g.value)||(l==null?void 0:l.value):y!=null&&y.value?(c==null?void 0:c(A))||q(m==null?void 0:m.value)||(l==null?void 0:l.value):(o==null?void 0:o(A))||q(l==null?void 0:l.value)||(l==null?void 0:l.value)});return{isVisible:w,hasErrors:V,hasValid:B,hintContent:j}},render(){if(this.isVisible)return e.h("small",{role:this.hasErrors||this.hasValid?"alert":void 0},this.hintContent)}}}}const Z={valid:Boolean,validLabel:[String,Array]},J={error:Boolean,errorLabel:[String,Array]},X={loading:Boolean,loadingLabel:String},I={disabled:Boolean},G={readonly:Boolean},M={modifiers:[String,Array]},Q={hintLabel:{type:String,default:""}},ne={...I,...M,modelValue:{type:[String,Number,Boolean,Object,Array],required:!0},labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},oe={key:0,role:"option"},le=["aria-selected"],se=["for"],ae=["id","type","value","checked","disabled"],ie={name:"VvDropdown"},ce=e.defineComponent({...ie,props:ne,emits:["update:modelValue"],setup(n,{emit:r}){const t=n,u=C.nanoid(),{modifiers:o,disabled:c}=e.toRefs(t),{bemCssClasses:l}=R("vv-dropdown",{modifiers:o,disabled:c});function b(a){return Array.isArray(t.modelValue)?K(a,t.modelValue)||K(h(a),t.modelValue):$(a,t.modelValue)||$(h(a),t.modelValue)}function h(a){return typeof a=="string"?a:String(a[t.valueKey])}function g(a){return typeof a=="string"?a:a[t.labelKey]}function i(a){return typeof a=="string"||a.disabled===void 0?c.value:a.disabled}function s(a){var S,B;const y=a.target;let m=y.value;if(m=(t.useObject?(S=t.options)==null?void 0:S.find(_=>_[t.valueKey]==m):null)||m,t.multiple){if(typeof t.maxValues<"u"&&t.maxValues>=0&&Array.isArray(t.modelValue)&&((B=t.modelValue)==null?void 0:B.length)>=t.maxValues&&(Array.isArray(t.modelValue)&&!K(m,t.modelValue)||t.maxValues==0)){y.checked=!1;return}Array.isArray(t.modelValue)?m=K(m,t.modelValue)?ee(m,t.modelValue):[...t.modelValue,m]:m=[m]}r("update:modelValue",m)}return(a,y)=>{var m;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(l)),role:"listbox"},[(m=a.options)!=null&&m.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",oe,[e.createElementVNode("label",null,e.toDisplayString(a.labelNoResult),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options,(V,S)=>(e.openBlock(),e.createElementBlock("li",{key:S,role:"option","aria-selected":b(V)},[e.createElementVNode("label",{for:`dropdown-${S}-${e.unref(u)}`},[e.createElementVNode("input",{id:`dropdown-${S}-${e.unref(u)}`,type:a.multiple?"checkbox":"radio",value:h(V),checked:b(V),disabled:i(V),tabindex:"-1","aria-hidden":"true",onInput:s},null,40,ae),e.createTextVNode(" "+e.toDisplayString(g(V)),1)],8,se)],8,le))),128))],2)}}}),de="ds",ue={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}},fe={name:"VvIcon"},W=e.defineComponent({...fe,props:ue,setup(n){const r=n,t=e.ref(!0),{modifiers:u}=e.toRefs(r),o=e.inject(de),{bemCssClasses:c}=R("vv-icon",{modifiers:u}),l=e.computed(()=>r.provider||(o==null?void 0:o.provider)),b=e.computed(()=>{const i=r.name||"",s=`@${l.value}:${r.prefix}:${r.name}`;return N.iconExists(i)?i:N.iconExists(s)?s:(o==null?void 0:o.iconsCollections.find(a=>{const y=`@${l.value}:${a.prefix}:${i}`;if(N.iconExists(y))return y}))||i});function h(i){let s=null;if(typeof window>"u"){const{JSDOM:V}=require("jsdom");s=new V().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(i,"text/html").querySelector("svg")}function g(i){const s=h(i),a=(s==null?void 0:s.innerHTML.trim())||"";s&&a&&N.addIcon(`@${l.value}:${r.prefix}:${r.name}`,{body:a,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return o&&(r.src&&!N.iconExists(`@${l.value}:${r.prefix}:${r.name}`)?(t.value=!1,o.fetchIcon(r.src).then(i=>{i&&(g(i),t.value=!0)}).catch(i=>{throw new Error(`During fetch icon: ${i==null?void 0:i.message}`)})):r.svg&&g(r.svg)),(i,s)=>t.value?(e.openBlock(),e.createBlock(e.unref(N.Icon),e.mergeProps({key:0,class:e.unref(c)},{...i.$props,provider:e.unref(l),icon:e.unref(b)}),null,16,["class"])):e.createCommentVNode("",!0)}}),pe={...Z,...J,...Q,...X,...I,...G,...M,id:[String,Number],name:{type:String,required:!0},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,required:Boolean,placeholder:String,options:{type:Array,required:!0},useObject:Boolean,labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,modifiers:[String,Array],tabindex:{type:[String,Number],default:0}},me=["update:modelValue"],ye=["for"],ge={class:"vv-select__wrapper"},he=["id","disabled","required"],be={key:0,value:void 0,disabled:""},Ve=["disabled","value"],Se={name:"VvNativeSelect"},ke=e.defineComponent({...Se,props:pe,emits:me,setup(n,{emit:r}){const t=n,u=e.useSlots(),{HintSlot:o,hasHint:c,hasErrors:l}=U(t,u),{modifiers:b,disabled:h,readonly:g,loading:i,iconLeft:s,iconRight:a,error:y,valid:m}=e.toRefs(t),V=e.computed(()=>String(t.id||C.nanoid())),S=e.computed(()=>`${V.value}-hint`),B=e.computed(()=>!F(t.modelValue)),_=e.computed(()=>t.disabled||t.readonly),w=e.computed(()=>_.value?-1:t.tabindex),E=e.computed(()=>{if(t.error===!0)return!0;if(t.valid===!0)return!1}),{bemCssClasses:j}=R("vv-select",{modifiers:b,loading:i,readonly:g,iconLeft:s,iconRight:a,valid:m,invalid:y,dirty:B}),A=e.computed(()=>({name:t.name,tabindex:w.value,"aria-invalid":E.value,"aria-describedby":!l.value&&c.value?S.value:void 0,"aria-errormessage":l.value?S.value:void 0}));function H(p){return typeof p=="string"?p:p[t.valueKey]}function L(p){return typeof p=="string"?p:p[t.labelKey]}function v(p){return typeof p=="string"||p.disabled===void 0?h.value:p.disabled}const D=e.computed({get:()=>{var p;return typeof t.modelValue=="object"?(p=t.modelValue)==null?void 0:p[t.valueKey]:t.modelValue},set:p=>{var d;const f=t.useObject?(d=t.options)==null?void 0:d.find(k=>k[t.valueKey]===p):void 0;r("update:modelValue",f??p)}});return(p,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(j))},[p.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(V)},e.toDisplayString(p.label),9,ye)):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[e.renderSlot(p.$slots,"icon-left",{},()=>[e.unref(s)?(e.openBlock(),e.createBlock(W,{key:0,name:e.unref(s)},null,8,["name"])):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref(V),"onUpdate:modelValue":f[0]||(f[0]=d=>e.isRef(D)?D.value=d:null)},e.unref(A),{disabled:e.unref(_),required:p.required}),[p.placeholder?(e.openBlock(),e.createElementBlock("option",be,e.toDisplayString(p.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.options,(d,k)=>(e.openBlock(),e.createElementBlock("option",{key:k,disabled:v(d),value:H(d)},e.toDisplayString(L(d)),9,Ve))),128))],16,he),[[e.vModelSelect,e.unref(D)]]),e.renderSlot(p.$slots,"icon-right",{},()=>[e.unref(a)?(e.openBlock(),e.createBlock(W,{key:0,name:e.unref(a)},null,8,["name"])):e.createCommentVNode("",!0)])]),e.createVNode(e.unref(o),{id:e.unref(S),class:"vv-select__hint"},null,8,["id"])],2))}}),Be={...Z,...J,...Q,...X,...I,...G,...M,modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,labelNoResult:{type:String,default:"No results"},placeholder:String,searchable:Boolean,searchPlaceholder:String,debounceSearch:{type:[Number,String],default:0},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],separator:{type:String,default:", "},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,native:Boolean,tabindex:{type:[Number,String],default:0}},_e=["id"],Ae=["id","for"],Ce=["tabindex"],Ne=["id","placeholder"],$e={name:"VvSelect"};return e.defineComponent({...$e,props:Be,emits:["update:modelValue","change:search"],setup(n,{emit:r}){const t=n,u=e.useSlots(),{HintSlot:o}=U(t,u),c=e.ref(),l=e.ref();P.useFocus(l,{initialValue:!0});const b=C.nanoid(),h=e.ref(""),g=P.refDebounced(h,Number(t.debounceSearch)),i=e.ref(!1),{modifiers:s,disabled:a,readonly:y,loading:m,iconLeft:V,iconRight:S,valid:B,error:_}=e.toRefs(t);e.watch(g,()=>r("change:search",g.value));const w=e.computed(()=>!F(t.modelValue)),E=e.computed(()=>a.value||y.value?-1:t.tabindex),{bemCssClasses:j}=R("vv-select",{modifiers:s,disabled:a,loading:m,readonly:y,iconLeft:V,iconRight:S,valid:B,invalid:_,dirty:w}),A=e.computed(()=>{var f;return(f=t.options)==null?void 0:f.every(d=>typeof d=="object")}),H=e.computed(()=>t.searchable?L.value:t.options),L=e.computed(()=>{var f;return(f=t.options)==null?void 0:f.filter(d=>typeof d=="string"?d.toLowerCase().includes(g.value.toLowerCase().trim()):typeof d[t.labelKey]=="string"?d[t.labelKey].toLowerCase().includes(g.value.toLowerCase().trim()):!1)}),v=e.computed(()=>{var d,k;if(t.multiple&&Array.isArray(t.modelValue)&&((d=t.modelValue)!=null&&d.length))return A.value?re(t.options,t.modelValue,t.valueKey).map(O=>O[t.labelKey]).join(t.separator):t.modelValue.join(t.separator);const f=t.useObject?t.modelValue:(k=t.options)==null?void 0:k.find(O=>typeof O=="object"?O[t.valueKey]==t.modelValue:O==t.modelValue);return typeof f=="object"?f==null?void 0:f[t.labelKey]:f});P.onClickOutside(c,()=>{c.value.open=!1});function D(f){const d=f.target;i.value=d.open}function p(f){c.value&&!t.multiple&&(c.value.open=!1),r("update:modelValue",f)}return(f,d)=>f.native?(e.openBlock(),e.createBlock(ke,e.mergeProps({key:1},t,{"onUpdate:modelValue":d[4]||(d[4]=k=>r("update:modelValue",k))}),null,16)):(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(b),class:e.normalizeClass(e.unref(j))},[f.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:`${e.unref(b)}-label`,for:f.searchable&&i.value?`${e.unref(b)}-input`:void 0},e.toDisplayString(f.label),9,Ae)):e.createCommentVNode("",!0),e.createElementVNode("details",{ref_key:"dropdown",ref:c,class:"vv-select__wrapper",onClick:d[2]||(d[2]=k=>e.unref(a)||e.unref(y)?k.preventDefault():null),onKeyup:d[3]||(d[3]=e.withKeys(k=>c.value.open=!1,["esc"])),onToggle:D},[e.createElementVNode("summary",{class:"vv-select__input",tabindex:e.unref(E),onKeyup:d[1]||(d[1]=e.withKeys(k=>f.searchable?k.preventDefault():null,["space"]))},[f.searchable&&i.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:`${e.unref(b)}-input`,ref_key:"inputSearch",ref:l,"onUpdate:modelValue":d[0]||(d[0]=k=>h.value=k),role:"combobox",placeholder:f.searchPlaceholder},null,8,Ne)),[[e.vModelText,h.value]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(v)||f.placeholder),1)],64))],40,Ce),e.createVNode(ce,e.mergeProps({id:`${e.unref(b)}-dropdown`},{...t,options:e.unref(H)},{"onUpdate:modelValue":p}),null,16,["id"])],544),e.createVNode(e.unref(o),{class:"vv-select__hint"})],10,_e))}})});

package/dist/components/VvSelect/VvSelect.vue.d.ts

@@ -1,236 +1,9 @@
-import type { Option } from '../VvDropdown/VvDropdown';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            readonly: boolean;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-            searchable: boolean;
-            debounceSearch: string | number;
-            separator: string;
-            native: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            label: StringConstructor;
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            placeholder: StringConstructor;
-            searchable: BooleanConstructor;
-            searchPlaceholder: StringConstructor;
-            debounceSearch: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            separator: {
-                type: StringConstructor;
-                default: string;
-            };
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            native: BooleanConstructor;
-            modifiers: import("vue").PropType<string | string[]>;
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            "onChange:search"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "loading" | "error" | "valid" | "hintLabel" | "labelNoResult" | "useObject" | "multiple" | "labelKey" | "valueKey" | "searchable" | "debounceSearch" | "separator" | "native">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue" | "change:search", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-            label: StringConstructor;
-            labelNoResult: {
-                type: StringConstructor;
-                default: string;
-            };
-            placeholder: StringConstructor;
-            searchable: BooleanConstructor;
-            searchPlaceholder: StringConstructor;
-            debounceSearch: {
-                type: (StringConstructor | NumberConstructor)[];
-                default: number;
-            };
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            multiple: BooleanConstructor;
-            maxValues: (StringConstructor | NumberConstructor)[];
-            separator: {
-                type: StringConstructor;
-                default: string;
-            };
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            native: BooleanConstructor;
-            modifiers: import("vue").PropType<string | string[]>;
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            "onChange:search"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change:search")[], string, {
-            disabled: boolean;
-            readonly: boolean;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            labelNoResult: string;
-            useObject: boolean;
-            multiple: boolean;
-            labelKey: string;
-            valueKey: string;
-            searchable: boolean;
-            debounceSearch: string | number;
-            separator: string;
-            native: boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
-        label: StringConstructor;
-        labelNoResult: {
-            type: StringConstructor;
-            default: string;
-        };
-        placeholder: StringConstructor;
-        searchable: BooleanConstructor;
-        searchPlaceholder: StringConstructor;
-        debounceSearch: {
-            type: (StringConstructor | NumberConstructor)[];
-            default: number;
-        };
-        options: {
-            type: import("vue").PropType<(string | Option)[]>;
-            required: boolean;
-        };
-        useObject: BooleanConstructor;
-        multiple: BooleanConstructor;
-        maxValues: (StringConstructor | NumberConstructor)[];
-        separator: {
-            type: StringConstructor;
-            default: string;
-        };
-        labelKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        valueKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconLeft: StringConstructor;
-        iconRight: StringConstructor;
-        native: BooleanConstructor;
-        modifiers: import("vue").PropType<string | string[]>;
-        readonly: BooleanConstructor;
-        disabled: BooleanConstructor;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
-        hintLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onChange:search"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+import type { Option } from '@/components/VvDropdown';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     label: StringConstructor;
     labelNoResult: {
         type: StringConstructor;
@@ -265,6 +38,10 @@ declare const _default: {
     iconLeft: StringConstructor;
     iconRight: StringConstructor;
     native: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -275,19 +52,77 @@ declare const _default: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change:search")[], "update:modelValue" | "change:search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: StringConstructor;
+    labelNoResult: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: StringConstructor;
+    searchable: BooleanConstructor;
+    searchPlaceholder: StringConstructor;
+    debounceSearch: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        required: boolean;
+    };
+    useObject: BooleanConstructor;
+    multiple: BooleanConstructor;
+    maxValues: (StringConstructor | NumberConstructor)[];
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    native: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onChange:search"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change:search")[], "update:modelValue" | "change:search", {
+}, {
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
     disabled: boolean;
-    readonly: boolean;
-    loading: boolean;
     error: boolean;
-    valid: boolean;
+    loading: boolean;
+    readonly: boolean;
+    tabindex: string | number;
     hintLabel: string;
+    valid: boolean;
     labelNoResult: string;
     useObject: boolean;
     multiple: boolean;
@@ -297,5 +132,5 @@ declare const _default: {
     debounceSearch: string | number;
     separator: string;
     native: boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+}>;
 export default _default;

package/dist/components/VvSelect/{VvSelect.d.ts → index.d.ts}

@@ -1,10 +1,13 @@
 import type { PropType } from 'vue';
-import type { Option } from '../VvDropdown/VvDropdown';
+import type { Option } from '@/components/VvDropdown';
 export declare const VvSelectProps: {
     /**
-     * modelValue can be an Object, a String or an Array of Object/String
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
      */
-    modelValue: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     /**
      * Select input label
      */
@@ -87,6 +90,10 @@ export declare const VvSelectProps: {
      * Icon name of icon in right position
      */
     native: BooleanConstructor;
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     modifiers: PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -97,7 +104,7 @@ export declare const VvSelectProps: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };