@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

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

@@ -1 +1 @@
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@iconify/vue"),require("@vueuse/core"),require("dot-prop")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core","dot-prop"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=b(e.Vue,e.IconifyVue,e.VueuseCore,e.dotProp))})(this,function(e,b,Y,$){var de={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ue=(function(t){return t.simple="simple",t.normal="normal",t.detailed="detailed",t})({}),ce={prefix:ue.normal},x=(function(t){return t.local="local",t.session="session",t})({}),fe=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),S=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),pe=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),C=(function(t){return t.before="before",t.after="after",t})({}),M=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),me=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),ve=Symbol.for("volver"),dt=Symbol.for("buttonGroup"),ut=Symbol.for("radioGroup"),ct=Symbol.for("checkGroup"),ft=Symbol.for("accordionGroup"),pt=Symbol.for("dropdownTrigger"),mt=Symbol.for("dropdownItem"),vt=Symbol.for("dropdownAction"),bt=Symbol.for("alertGroup"),be={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},P={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},I={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},L={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},O={disabled:{type:Boolean,default:!1}},W={required:{type:Boolean,default:!1}},ge={active:{type:Boolean,default:!1}},ye={current:{type:Boolean,default:!1}},he={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:de.clear},labelClear:{type:String,default:"Clear"}},Se={pressed:{type:Boolean,default:!1}},B={label:{type:[String,Number],default:void 0}},N={readonly:{type:Boolean,default:!1}},V={modifiers:{type:[String,Array],default:void 0}},_={hintLabel:{type:String,default:""}},Q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Oe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Be={debounce:{type:[Number,String],default:void 0}},X={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:C.before,validation:t=>Object.values(C).includes(t)}},w={tabindex:{type:[String,Number],default:0}},Z={floating:{type:Boolean,default:!1}},Ce={unselectable:{type:Boolean,default:!0}},Pe={id:[String,Number]},gt={placement:{type:String,default:S.bottom,validator:t=>Object.values(S).includes(t)||Object.values(pe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(fe).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},A={...Pe,name:{type:String,required:!0}},ee={autofocus:{type:Boolean,default:!1}},te={autocomplete:{type:String,default:"off"}},yt={...A,...ee,...te,...w,...O,...N,...P,...I,..._,...L,...V,...Oe,...Be,...X,...Z,...B,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...W},ht={...A,...w,...P,...I,..._,...O,...N,...V,...B,...L,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},St={...P,...I,...Q,..._,...O,...N,...V,...B,...L,...W,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ot={...O,...B,...Se,...ge,...ye,...be,type:{type:String,default:M.button,validator:t=>Object.values(M).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:me.button}},Bt={storageType:{type:String,default:x.local,validator:t=>Object.values(x).includes(t)},storageKey:String},oe={...A,...ee,...te,...w,...P,...I,..._,...L,...O,...N,...V,...Q,...X,...Z,...Ce,...B,...he,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},autoselectFirst:{type:Boolean,default:!1},placeholder:String};function re(){return{...oe,options:{...oe.options,type:Array,default:()=>[]}}}function Ie(t){return typeof t=="string"}function ae(t){return Array.isArray(t)?t.filter(a=>Ie(a)).join(" "):t}function Le(t,a){const o=(0,e.computed)(()=>(0,e.isRef)(t)?t.value:t),i=(0,e.computed)(()=>ae(o.value.invalidLabel)),s=(0,e.computed)(()=>ae(o.value.validLabel)),d=(0,e.computed)(()=>o.value.loadingLabel),c=(0,e.computed)(()=>o.value.hintLabel),f=(0,e.computed)(()=>!!(o.value.loading&&(a.loading||d.value))),p=(0,e.computed)(()=>!f.value&&!!(o.value.invalid&&(a.invalid||i.value))),r=(0,e.computed)(()=>!f.value&&!p.value&&!!(o.value.valid&&(a.valid||s.value))),m=(0,e.computed)(()=>!f.value&&!p.value&&!r.value&&!!(a.hint||c.value)),n=(0,e.computed)(()=>p.value||r.value||f.value||m.value);return{hasInvalidLabelOrSlot:p,hasHintLabelOrSlot:m,hasValidLabelOrSlot:r,hasLoadingLabelOrSlot:f,hintSlotScope:(0,e.computed)(()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading})),HintSlot:(0,e.defineComponent)({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup(){return{isVisible:n,invalidLabel:i,validLabel:s,loadingLabel:d,hintLabel:c,hasInvalidLabelOrSlot:p,hasValidLabelOrSlot:r,hasLoadingLabelOrSlot:f,hasHintLabelOrSlot:m}},render(){if(this.isVisible){let u;return this.hasInvalidLabelOrSlot&&(u="alert"),this.hasValidLabelOrSlot&&(u="status"),this.hasLoadingLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.valid?.()??this.validLabel):(0,e.h)(this.tag,{role:u},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}})}}function le(){return(0,e.inject)(ve,void 0)}function ne(t,a,o){return(0,e.computed)(()=>{const i={[t]:!0},s=typeof a?.value=="string"?a.value.split(" "):a?.value;return s&&Array.isArray(s)&&s.forEach(d=>{d&&(i[`${t}--${d}`]=!0)}),o&&Object.keys(o.value).forEach(d=>{i[`${t}--${d}`]=(0,e.unref)(o.value[d])}),i})}var Ne={name:"VvIcon"},Ve=(0,e.defineComponent)({...Ne,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},ce),setup(t){const a=t,o=(0,e.computed)(()=>typeof a.rotate=="string"?Number.parseFloat(a.rotate):a.rotate),i=(0,e.ref)(!0),s=le(),{modifiers:d}=(0,e.toRefs)(a),c=ne("vv-icon",d),f=(0,e.computed)(()=>a.provider||s?.iconsProvider),p=(0,e.computed)(()=>{const n=a.name??"",u=`@${f.value}:${a.prefix}:${n}`;if((0,b.iconLoaded)(u))return u;const y=s?.iconsCollections.find(D=>(0,b.iconLoaded)(`@${f.value}:${D.prefix}:${n}`));return y?`@${f.value}:${y.prefix}:${n}`:n});function r(n){const u=typeof window<"u"?new window.DOMParser:null;return u?u.parseFromString(n,"text/html").querySelector("svg"):null}function m(n){const u=r(n),y=u?.innerHTML.trim()||"";u&&y&&(0,b.addIcon)(`@${f.value}:${a.prefix}:${a.name}`,{body:y,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return s&&a.src&&!(0,b.iconLoaded)(`@${f.value}:${a.prefix}:${a.name}`)&&(i.value=!1,s.fetchIcon(a.src).then(n=>{n&&m(n),i.value=!0}).catch(n=>{throw i.value=!0,new Error(`Error during fetch icon: ${n?.message}`)})),a.svg&&m(a.svg),(n,u)=>(0,e.unref)(i)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(b.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(c)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(o),color:t.color,icon:(0,e.unref)(p)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),E=Ve;function ie(t,a){const o=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),i=(0,e.computed)(()=>a?.value===C.before?o.value:void 0),s=(0,e.computed)(()=>a?.value===C.after?o.value:void 0);return{hasIcon:o,hasIconLeft:(0,e.computed)(()=>a?.value===S.left?o.value:void 0),hasIconRight:(0,e.computed)(()=>a?.value===S.right?o.value:void 0),hasIconTop:(0,e.computed)(()=>a?.value===S.top?o.value:void 0),hasIconBottom:(0,e.computed)(()=>a?.value===S.bottom?o.value:void 0),hasIconBefore:i,hasIconAfter:s}}var _e=(0,e.defineComponent)({components:{VvIcon:E},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(t,{emit:a}){const{hasIcon:o}=ie((0,e.computed)(()=>t.icon));function i(s){s?.stopPropagation(),t.disabled||a("clear")}return{hasIcon:o,onClick:i}},render(){const t=this.hasIcon?(0,e.h)(E,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return(0,e.h)("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},t)}});function Ee(t,a,o){const i=le(),s=(0,e.computed)(()=>{if(!(!i||!i.defaults.value?.[t]))return i.defaults.value[t]});return(0,e.computed)(()=>{if(s.value===void 0)return o;const d=s.value,c=a,f=o;return Object.keys(c).reduce((p,r)=>{const m=f[r];if(p[r]=m,r in d){if(Array.isArray(c[r])){const n=c[r];n.length&&n[0]===m&&(p[r]=d[r])}if(typeof c[r]=="function"){const n=c[r];n()===m&&(p[r]=d[r])}if(typeof c[r]=="object"){let n=c[r].default;typeof n=="function"&&(n=n()),typeof n=="object"?JSON.stringify(n)===JSON.stringify(m)&&(p[r]=d[r]):n===m&&(p[r]=d[r])}}return p},{})})}function ke(t,a){const{focused:o}=(0,Y.useFocus)(t);return(0,e.watch)(o,i=>{a(i?"focus":"blur",(0,e.unref)(t))}),{focused:o}}function $e(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function we(t){const{options:a,labelKey:o,valueKey:i,disabledKey:s}=(0,e.toRefs)(t);return{options:a,getOptionLabel:r=>typeof r=="string"?r:typeof o.value=="function"?o.value(r):String(o.value?(0,$.getProperty)(r,o.value):r),getOptionValue:r=>typeof r=="string"?r:typeof i.value=="function"?i.value(r):i.value?(0,$.getProperty)(r,i.value):r,isOptionDisabled:r=>typeof r=="string"?!1:typeof s.value=="function"?s.value(r):s.value?!!(0,$.getProperty)(r,s.value):!1,getOptionGrouped:r=>typeof r=="string"?[]:typeof r=="object"&&r&&"options"in r?r.options:[]}}var Ae=["for"],De={class:"vv-select__wrapper"},Re={key:0,class:"vv-select__input-before"},je={class:"vv-select__inner"},Fe=["id"],Te=["disabled","hidden"],Ge=["disabled","value"],Ke=["disabled","label"],ze=["disabled","value"],qe={key:2,class:"vv-select__input-after"},Je={name:"VvSelect"},He=(0,e.defineComponent)({...Je,props:re(),emits:["update:modelValue","focus","blur","clear"],setup(t,{emit:a}){const o=t,i=a,s=(0,e.useSlots)(),d=Ee("VvSelect",re(),o),c=(0,e.ref)(),{HintSlot:f,hasHintLabelOrSlot:p,hasInvalidLabelOrSlot:r,hintSlotScope:m}=Le(d,s),{focused:n}=ke(c,i);function u(l){return typeof l=="string"?!1:l.options?.length}const{id:y,modifiers:D,disabled:Ye,readonly:xe,loading:Me,icon:We,iconPosition:Qe,invalid:Xe,valid:Ze,floating:et,multiple:tt}=(0,e.toRefs)(o),R=$e(y),j=(0,e.computed)(()=>`${R.value}-hint`),k=(0,e.computed)(()=>o.disabled||o.readonly),ot=(0,e.computed)(()=>k.value?-1:o.tabindex),v=(0,e.computed)({get:()=>o.modelValue,set:l=>{if(Array.isArray(l)&&(l=l.filter(h=>h!==void 0),l.length===0&&!o.unselectable&&c.value)){c.value.value=String(o.modelValue);return}i("update:modelValue",l)}}),F=(0,e.computed)(()=>Array.isArray(v.value)?v.value.length>0:v.value!==void 0&&v.value!==null),T=(0,e.computed)(()=>k.value?!1:o.unselectable);(0,e.watch)((0,Y.useElementVisibility)(c),l=>{l&&o.autofocus&&(n.value=!0)});const{hasIconBefore:G,hasIconAfter:K}=ie(We,Qe),rt=(0,e.computed)(()=>{if(o.invalid===!0)return!0;if(o.valid===!0)return!1}),at=ne("vv-select",D,(0,e.computed)(()=>({valid:Ze.value,invalid:Xe.value,loading:Me.value,disabled:Ye.value,readonly:xe.value,"icon-before":G.value!==void 0,"icon-after":K.value!==void 0,dirty:F.value,focus:n.value&&!k.value,floating:et.value,multiple:tt.value}))),{getOptionLabel:z,getOptionValue:q,isOptionDisabled:J,getOptionGrouped:lt}=we(o);(0,e.watch)(()=>o.options,l=>{if(l?.length&&o.autoselectFirst&&!F.value){const h=q(l[0]);v.value=o.multiple?[h]:h}},{immediate:!0});function nt(){Array.isArray(v.value)?v.value=[]:v.value=void 0,i("clear")}const it=(0,e.computed)(()=>({name:o.name,tabindex:ot.value,disabled:k.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":rt.value,"aria-describedby":p.value?j.value:void 0,"aria-errormessage":r.value?j.value:void 0})),se=(0,e.computed)(()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}));return(l,h)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(at))},[l.label?((0,e.openBlock)(),(0,e.createElementBlock)("label",{key:0,for:(0,e.unref)(R)},(0,e.toDisplayString)(l.label),9,Ae)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",De,[l.$slots.before?((0,e.openBlock)(),(0,e.createElementBlock)("div",Re,[(0,e.renderSlot)(l.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",je,[(0,e.unref)(G)?((0,e.openBlock)(),(0,e.createBlock)(E,(0,e.mergeProps)({key:0},(0,e.unref)(G),{class:"vv-select__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.withDirectives)((0,e.createElementVNode)("select",(0,e.mergeProps)({id:(0,e.unref)(R),ref_key:"selectEl",ref:c},(0,e.unref)(it),{"onUpdate:modelValue":h[0]||(h[0]=g=>(0,e.isRef)(v)?v.value=g:null)}),[l.placeholder?((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:0,value:void 0,disabled:!(0,e.unref)(T),hidden:!(0,e.unref)(T)},(0,e.toDisplayString)(l.placeholder),9,Te)):(0,e.createCommentVNode)("v-if",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(l.options,(g,H)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[u(g)?((0,e.openBlock)(),(0,e.createElementBlock)("optgroup",{key:`group-${H}`,disabled:(0,e.unref)(J)(g),label:(0,e.unref)(z)(g)},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(lt)(g),(U,st)=>((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:`group-${H}-item-${st}`,disabled:(0,e.unref)(J)(U),value:(0,e.unref)(q)(U)},(0,e.toDisplayString)((0,e.unref)(z)(U)),9,ze))),128))],8,Ke)):((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:H,disabled:(0,e.unref)(J)(g),value:(0,e.unref)(q)(g)},(0,e.toDisplayString)((0,e.unref)(z)(g)),9,Ge))],64))),256))],16,Fe),[[e.vModelSelect,(0,e.unref)(v)]]),(0,e.unref)(K)?((0,e.openBlock)(),(0,e.createBlock)(E,(0,e.mergeProps)({key:1},(0,e.unref)(K),{class:"vv-select__icon vv-select__icon-after"}),null,16)):(0,e.createCommentVNode)("v-if",!0)]),(0,e.unref)(T)&&(0,e.unref)(d).showClearAction?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(_e),{key:1,"input-type":"select",label:l.labelClear,icon:l.iconClear,disabled:!(0,e.unref)(F),onClear:nt},null,8,["label","icon","disabled"])):(0,e.createCommentVNode)("v-if",!0),l.$slots.after?((0,e.openBlock)(),(0,e.createElementBlock)("div",qe,[(0,e.renderSlot)(l.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0)]),(0,e.createVNode)((0,e.unref)(f),{id:(0,e.unref)(j),class:"vv-select__hint"},(0,e.createSlots)({_:2},[l.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"0"}:void 0,l.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"1"}:void 0,l.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"2"}:void 0,l.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(l.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(m))))]),key:"3"}:void 0]),1032,["id"])],2))}}),Ue=He;return Ue});
+(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue"),require("@iconify/vue"),require("@vueuse/core"),require("dot-prop")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core","dot-prop"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvSelect=b(e.Vue,e.IconifyVue,e.VueuseCore,e.dotProp))})(this,function(e,b,U,A){var de={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},ue={prefix:"normal"},J=(function(t){return t.local="local",t.session="session",t})({}),ce=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),S=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),fe=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),L=(function(t){return t.before="before",t.after="after",t})({}),W=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),pe=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),ve=Symbol.for("volver"),me={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},V={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},C={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},O={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},B={disabled:{type:Boolean,default:!1}},Y={required:{type:Boolean,default:!1}},be={active:{type:Boolean,default:!1}},ge={current:{type:Boolean,default:!1}},he={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:de.clear},labelClear:{type:String,default:"Clear"}},ye={pressed:{type:Boolean,default:!1}},P={label:{type:[String,Number],default:void 0}},k={readonly:{type:Boolean,default:!1}},$={modifiers:{type:[String,Array],default:void 0}},I={hintLabel:{type:String,default:""}},Q={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},Se={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},Be={debounce:{type:[Number,String],default:void 0}},X={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:L.before,validation:t=>Object.values(L).includes(t)}},E={tabindex:{type:[String,Number],default:0}},Z={floating:{type:Boolean,default:!1}},Pe={unselectable:{type:Boolean,default:!0}},Le={id:[String,Number]},st={placement:{type:String,default:S.bottom,validator:t=>Object.values(S).includes(t)||Object.values(fe).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(ce).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},_={...Le,name:{type:String,required:!0}},ee={autofocus:{type:Boolean,default:!1}},te={autocomplete:{type:String,default:"off"}},dt={..._,...ee,...te,...E,...B,...k,...V,...C,...I,...O,...$,...Se,...Be,...X,...Z,...P,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...Y},ut={..._,...E,...V,...C,...I,...B,...k,...$,...P,...O,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ct={...V,...C,...Q,...I,...B,...k,...$,...P,...O,...Y,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},ft={...B,...P,...ye,...be,...ge,...me,type:{type:String,default:W.button,validator:t=>Object.values(W).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:pe.button}},pt={storageType:{type:String,default:J.local,validator:t=>Object.values(J).includes(t)},storageKey:String},oe={..._,...ee,...te,...E,...V,...C,...I,...O,...B,...k,...$,...Q,...X,...Z,...Pe,...P,...he,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},autoselectFirst:{type:Boolean,default:!1},placeholder:String};function ae(){return{...oe,options:{...oe.options,type:Array,default:()=>[]}}}function Ve(t){return typeof t=="string"}function le(t){return Array.isArray(t)?t.filter(l=>Ve(l)).join(" "):t}function Ce(t,l){const o=(0,e.computed)(()=>(0,e.isRef)(t)?t.value:t),i=(0,e.computed)(()=>le(o.value.invalidLabel)),s=(0,e.computed)(()=>le(o.value.validLabel)),d=(0,e.computed)(()=>o.value.loadingLabel),c=(0,e.computed)(()=>o.value.hintLabel),f=(0,e.computed)(()=>!!(o.value.loading&&(l.loading||d.value))),p=(0,e.computed)(()=>!f.value&&!!(o.value.invalid&&(l.invalid||i.value))),a=(0,e.computed)(()=>!f.value&&!p.value&&!!(o.value.valid&&(l.valid||s.value))),v=(0,e.computed)(()=>!f.value&&!p.value&&!a.value&&!!(l.hint||c.value)),n=(0,e.computed)(()=>p.value||a.value||f.value||v.value);return{hasInvalidLabelOrSlot:p,hasHintLabelOrSlot:v,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:f,hintSlotScope:(0,e.computed)(()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading})),HintSlot:(0,e.defineComponent)({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup(){return{isVisible:n,invalidLabel:i,validLabel:s,loadingLabel:d,hintLabel:c,hasInvalidLabelOrSlot:p,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:f,hasHintLabelOrSlot:v}},render(){if(this.isVisible){let u;return this.hasInvalidLabelOrSlot&&(u="alert"),this.hasValidLabelOrSlot&&(u="status"),this.hasLoadingLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.valid?.()??this.validLabel):(0,e.h)(this.tag,{role:u},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}})}}function re(){return(0,e.inject)(ve,void 0)}function ne(t,l,o){return(0,e.computed)(()=>{const i={[t]:!0},s=typeof l?.value=="string"?l.value.split(" "):l?.value;return s&&Array.isArray(s)&&s.forEach(d=>{d&&(i[`${t}--${d}`]=!0)}),o&&Object.keys(o.value).forEach(d=>{i[`${t}--${d}`]=(0,e.unref)(o.value[d])}),i})}var Oe={name:"VvIcon"},ke=(0,e.defineComponent)({...Oe,props:(0,e.mergeDefaults)({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},ue),setup(t){const l=t,o=(0,e.computed)(()=>typeof l.rotate=="string"?Number.parseFloat(l.rotate):l.rotate),i=(0,e.ref)(!0),s=re(),{modifiers:d}=(0,e.toRefs)(l),c=ne("vv-icon",d),f=(0,e.computed)(()=>l.provider||s?.iconsProvider),p=(0,e.computed)(()=>{const n=l.name??"",u=`@${f.value}:${l.prefix}:${n}`;if((0,b.iconLoaded)(u))return u;const h=s?.iconsCollections.find(j=>(0,b.iconLoaded)(`@${f.value}:${j.prefix}:${n}`));return h?`@${f.value}:${h.prefix}:${n}`:n});function a(n){const u=typeof window<"u"?new window.DOMParser:null;return u?u.parseFromString(n,"text/html").querySelector("svg"):null}function v(n){const u=a(n),h=u?.innerHTML.trim()||"";u&&h&&(0,b.addIcon)(`@${f.value}:${l.prefix}:${l.name}`,{body:h,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return s&&l.src&&!(0,b.iconLoaded)(`@${f.value}:${l.prefix}:${l.name}`)&&(i.value=!1,s.fetchIcon(l.src).then(n=>{n&&v(n),i.value=!0}).catch(n=>{throw i.value=!0,new Error(`Error during fetch icon: ${n?.message}`)})),l.svg&&v(l.svg),(n,u)=>(0,e.unref)(i)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(b.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(c)},{inline:t.inline,width:t.width,height:t.height,horizontalFlip:t.horizontalFlip,verticalFlip:t.verticalFlip,flip:t.flip,rotate:(0,e.unref)(o),color:t.color,icon:(0,e.unref)(p)},{onLoad:t.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),N=ke;function ie(t,l){const o=(0,e.computed)(()=>typeof t?.value=="string"?{name:t?.value}:t?.value),i=(0,e.computed)(()=>l?.value===L.before?o.value:void 0),s=(0,e.computed)(()=>l?.value===L.after?o.value:void 0);return{hasIcon:o,hasIconLeft:(0,e.computed)(()=>l?.value===S.left?o.value:void 0),hasIconRight:(0,e.computed)(()=>l?.value===S.right?o.value:void 0),hasIconTop:(0,e.computed)(()=>l?.value===S.top?o.value:void 0),hasIconBottom:(0,e.computed)(()=>l?.value===S.bottom?o.value:void 0),hasIconBefore:i,hasIconAfter:s}}var $e=(0,e.defineComponent)({components:{VvIcon:N},props:{inputType:{type:String,default:"input-text"},disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:[String,Object],default:"close"}},emits:["clear"],setup(t,{emit:l}){const{hasIcon:o}=ie((0,e.computed)(()=>t.icon));function i(s){s?.stopPropagation(),t.disabled||l("clear")}return{hasIcon:o,onClick:i}},render(){const t=this.hasIcon?(0,e.h)(N,{...this.hasIcon,class:`vv-${this.inputType}__icon`}):void 0;return(0,e.h)("button",{disabled:this.disabled,class:`vv-${this.inputType}__action`,ariaLabel:this.label,type:"button",onClick:this.onClick},t)}});function Ie(t,l,o){const i=re(),s=(0,e.computed)(()=>{if(!(!i||!i.defaults.value?.[t]))return i.defaults.value[t]});return(0,e.computed)(()=>{if(s.value===void 0)return o;const d=s.value,c=l,f=o;return Object.keys(c).reduce((p,a)=>{const v=f[a];if(p[a]=v,a in d){if(Array.isArray(c[a])){const n=c[a];n.length&&n[0]===v&&(p[a]=d[a])}if(typeof c[a]=="function"){const n=c[a];n()===v&&(p[a]=d[a])}if(typeof c[a]=="object"){let n=c[a].default;typeof n=="function"&&(n=n()),typeof n=="object"?JSON.stringify(n)===JSON.stringify(v)&&(p[a]=d[a]):n===v&&(p[a]=d[a])}}return p},{})})}function Ne(t,l){const{focused:o}=(0,U.useFocus)(t);return(0,e.watch)(o,i=>{l(i?"focus":"blur",(0,e.unref)(t))}),{focused:o}}function we(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function Ae(t){const{options:l,labelKey:o,valueKey:i,disabledKey:s}=(0,e.toRefs)(t);return{options:l,getOptionLabel:a=>typeof a=="string"?a:typeof o.value=="function"?o.value(a):String(o.value?(0,A.getProperty)(a,o.value):a),getOptionValue:a=>typeof a=="string"?a:typeof i.value=="function"?i.value(a):i.value?(0,A.getProperty)(a,i.value):a,isOptionDisabled:a=>typeof a=="string"?!1:typeof s.value=="function"?s.value(a):s.value?!!(0,A.getProperty)(a,s.value):!1,getOptionGrouped:a=>typeof a=="string"?[]:typeof a=="object"&&a&&"options"in a?a.options:[]}}var Ee=["for"],_e={class:"vv-select__wrapper"},je={key:0,class:"vv-select__input-before"},Fe={class:"vv-select__inner"},De=["id"],Re=["disabled","hidden"],ze=["disabled","value"],qe=["disabled","label"],xe=["disabled","value"],He={key:2,class:"vv-select__input-after"},Ke={name:"VvSelect"},Te=(0,e.defineComponent)({...Ke,props:ae(),emits:["update:modelValue","focus","blur","clear"],setup(t,{emit:l}){const o=t,i=l,s=(0,e.useSlots)(),d=Ie("VvSelect",ae(),o),c=(0,e.ref)(),{HintSlot:f,hasHintLabelOrSlot:p,hasInvalidLabelOrSlot:a,hintSlotScope:v}=Ce(d,s),{focused:n}=Ne(c,i);function u(r){return typeof r=="string"?!1:r.options?.length}const{id:h,modifiers:j,disabled:Ge,readonly:Ue,loading:Je,icon:We,iconPosition:Ye,invalid:Qe,valid:Xe,floating:Ze,multiple:et}=(0,e.toRefs)(o),F=we(h),D=(0,e.computed)(()=>`${F.value}-hint`),w=(0,e.computed)(()=>o.disabled||o.readonly),tt=(0,e.computed)(()=>w.value?-1:o.tabindex),m=(0,e.computed)({get:()=>o.modelValue,set:r=>{if(Array.isArray(r)&&(r=r.filter(y=>y!==void 0),r.length===0&&!o.unselectable&&c.value)){c.value.value=String(o.modelValue);return}i("update:modelValue",r)}}),R=(0,e.computed)(()=>Array.isArray(m.value)?m.value.length>0:m.value!==void 0&&m.value!==null),z=(0,e.computed)(()=>w.value?!1:o.unselectable);(0,e.watch)((0,U.useElementVisibility)(c),r=>{r&&o.autofocus&&(n.value=!0)});const{hasIconBefore:q,hasIconAfter:x}=ie(We,Ye),ot=(0,e.computed)(()=>{if(o.invalid===!0)return!0;if(o.valid===!0)return!1}),at=ne("vv-select",j,(0,e.computed)(()=>({valid:Xe.value,invalid:Qe.value,loading:Je.value,disabled:Ge.value,readonly:Ue.value,"icon-before":q.value!==void 0,"icon-after":x.value!==void 0,dirty:R.value,focus:n.value&&!w.value,floating:Ze.value,multiple:et.value}))),{getOptionLabel:H,getOptionValue:K,isOptionDisabled:T,getOptionGrouped:lt}=Ae(o);(0,e.watch)(()=>o.options,r=>{if(r?.length&&o.autoselectFirst&&!R.value){const y=K(r[0]);m.value=o.multiple?[y]:y}},{immediate:!0});function rt(){Array.isArray(m.value)?m.value=[]:m.value=void 0,i("clear")}const nt=(0,e.computed)(()=>({name:o.name,tabindex:tt.value,disabled:w.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":ot.value,"aria-describedby":p.value?D.value:void 0,"aria-errormessage":a.value?D.value:void 0})),se=(0,e.computed)(()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}));return(r,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)((0,e.unref)(at))},[r.label?((0,e.openBlock)(),(0,e.createElementBlock)("label",{key:0,for:(0,e.unref)(F)},(0,e.toDisplayString)(r.label),9,Ee)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",_e,[r.$slots.before?((0,e.openBlock)(),(0,e.createElementBlock)("div",je,[(0,e.renderSlot)(r.$slots,"before",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",Fe,[(0,e.unref)(q)?((0,e.openBlock)(),(0,e.createBlock)(N,(0,e.mergeProps)({key:0},(0,e.unref)(q),{class:"vv-select__icon"}),null,16)):(0,e.createCommentVNode)("v-if",!0),(0,e.withDirectives)((0,e.createElementVNode)("select",(0,e.mergeProps)({id:(0,e.unref)(F),ref_key:"selectEl",ref:c},(0,e.unref)(nt),{"onUpdate:modelValue":y[0]||(y[0]=g=>(0,e.isRef)(m)?m.value=g:null)}),[r.placeholder?((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:0,value:void 0,disabled:!(0,e.unref)(z),hidden:!(0,e.unref)(z)},(0,e.toDisplayString)(r.placeholder),9,Re)):(0,e.createCommentVNode)("v-if",!0),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(r.options,(g,M)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[u(g)?((0,e.openBlock)(),(0,e.createElementBlock)("optgroup",{key:`group-${M}`,disabled:(0,e.unref)(T)(g),label:(0,e.unref)(H)(g)},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)((0,e.unref)(lt)(g),(G,it)=>((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:`group-${M}-item-${it}`,disabled:(0,e.unref)(T)(G),value:(0,e.unref)(K)(G)},(0,e.toDisplayString)((0,e.unref)(H)(G)),9,xe))),128))],8,qe)):((0,e.openBlock)(),(0,e.createElementBlock)("option",{key:M,disabled:(0,e.unref)(T)(g),value:(0,e.unref)(K)(g)},(0,e.toDisplayString)((0,e.unref)(H)(g)),9,ze))],64))),256))],16,De),[[e.vModelSelect,(0,e.unref)(m)]]),(0,e.unref)(x)?((0,e.openBlock)(),(0,e.createBlock)(N,(0,e.mergeProps)({key:1},(0,e.unref)(x),{class:"vv-select__icon vv-select__icon-after"}),null,16)):(0,e.createCommentVNode)("v-if",!0)]),(0,e.unref)(z)&&(0,e.unref)(d).showClearAction?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)($e),{key:1,"input-type":"select",label:r.labelClear,icon:r.iconClear,disabled:!(0,e.unref)(R),onClear:rt},null,8,["label","icon","disabled"])):(0,e.createCommentVNode)("v-if",!0),r.$slots.after?((0,e.openBlock)(),(0,e.createElementBlock)("div",He,[(0,e.renderSlot)(r.$slots,"after",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(se))))])):(0,e.createCommentVNode)("v-if",!0)]),(0,e.createVNode)((0,e.unref)(f),{id:(0,e.unref)(D),class:"vv-select__hint"},(0,e.createSlots)({_:2},[r.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"0"}:void 0,r.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"1"}:void 0,r.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"2"}:void 0,r.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(r.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(v))))]),key:"3"}:void 0]),1032,["id"])],2))}}),Me=Te;return Me});