@volverjs/ui-vue 0.0.10-beta.40 → 0.0.10-beta.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js +12 -3
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.es.js +183 -125
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +6 -0
- package/dist/components/VvCombobox/index.d.ts +54 -22
- package/dist/components/VvRadioGroup/VvRadioGroup.es.js +12 -3
- package/dist/components/VvRadioGroup/VvRadioGroup.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.es.js +79 -46
- package/dist/components/VvSelect/VvSelect.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.vue.d.ts +3 -0
- package/dist/components/VvSelect/index.d.ts +14 -0
- package/dist/components/index.es.js +183 -122
- package/dist/components/index.umd.js +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/stories/Combobox/Combobox.stories.d.ts +1 -0
- package/dist/stories/Combobox/ComboboxMultiple.stories.d.ts +1 -0
- package/dist/stories/Select/Select.stories.d.ts +1 -0
- package/package.json +18 -18
- package/src/assets/icons/detailed.json +1 -1
- package/src/assets/icons/normal.json +1 -1
- package/src/assets/icons/simple.json +1 -1
- package/src/components/VvCombobox/VvCombobox.vue +105 -97
- package/src/components/VvCombobox/index.ts +19 -2
- package/src/components/VvSelect/VvSelect.vue +66 -46
- package/src/components/VvSelect/index.ts +8 -1
- package/src/composables/useOptions.ts +12 -11
- package/src/stories/Combobox/Combobox.settings.ts +18 -3
- package/src/stories/Combobox/Combobox.stories.ts +8 -0
- package/src/stories/Combobox/Combobox.test.ts +6 -4
- package/src/stories/Combobox/ComboboxMultiple.stories.ts +9 -0
- package/src/stories/Combobox/ComboboxOptions.stories.ts +9 -13
- package/src/stories/Select/Select.stories.ts +8 -0
- package/src/stories/Select/Select.test.ts +5 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue"),require("@floating-ui/vue"),require("uid"),require("@vueuse/core"),require("mitt"),require("ts-dot-prop")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","@floating-ui/vue","uid","@vueuse/core","mitt","ts-dot-prop"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCombobox=t(e.vue,e.vue$1,e.vue$2,e.uid,e.core,e.mitt,e.tsDotProp)}(this,(function(e,t,l,o,a,n,r){"use strict";const i={prefix:"normal"};var u=(e=>(e.local="local",e.session="session",e))(u||{}),s=(e=>(e.absolute="absolute",e.fixed="fixed",e))(s||{}),d=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(d||{}),c=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(c||{}),v=(e=>(e.before="before",e.after="after",e))(v||{}),f=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(f||{}),p=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(p||{}),m=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(m||{}),b=(e=>(e.listbox="listbox",e.menu="menu",e))(b||{}),g=(e=>(e.option="option",e.presentation="presentation",e))(g||{});const y=Symbol.for("volver"),h=Symbol.for("buttonGroup"),k=Symbol.for("dropdownTrigger"),S=Symbol.for("dropdownItem"),B=Symbol.for("dropdownAction");function V(){return e.inject(y)}function x(t,l,o){return e.computed((()=>{const a={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(a[`${t}--${e}`]=!0)})),o&&Object.keys(o.value).forEach((l=>{a[`${t}--${l}`]=e.unref(o.value[l])})),a}))}const w=e.defineComponent({name:"VvIcon",props: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:{}},i),setup(l){const o=l,a=e.computed((()=>"string"==typeof o.rotate?Number.parseFloat(o.rotate):o.rotate)),n=e.ref(!0),r=V(),{modifiers:i}=e.toRefs(o),u=x("vv-icon",i),s=e.computed((()=>o.provider||(null==r?void 0:r.iconsProvider))),d=e.computed((()=>{const e=o.name??"",l=`@${s.value}:${o.prefix}:${e}`;if(t.iconExists(l))return l;const a=null==r?void 0:r.iconsCollections.find((l=>{const o=`@${s.value}:${l.prefix}:${e}`;return t.iconExists(o)}));return a?`@${s.value}:${a.prefix}:${e}`:e}));function c(e){const l=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),a=(null==l?void 0:l.innerHTML.trim())||"";l&&a&&t.addIcon(`@${s.value}:${o.prefix}:${o.name}`,{body:a,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return r&&o.src&&!t.iconExists(`@${s.value}:${o.prefix}:${o.name}`)&&(n.value=!1,r.fetchIcon(o.src).then((e=>{e&&(c(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),o.svg&&c(o.svg),(l,o)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:l.inline,width:l.width,height:l.height,horizontalFlip:l.horizontalFlip,verticalFlip:l.verticalFlip,flip:l.flip,rotate:e.unref(a),color:l.color,onLoad:l.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}}),L={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}},$={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},O={disabled:{type:Boolean,default:!1}},E={selected:{type:Boolean,default:!1}},_={active:{type:Boolean,default:!1}},N={current:{type:Boolean,default:!1}},A={pressed:{type:Boolean,default:!1}},D={label:{type:[String,Number],default:void 0}},F={readonly:{type:Boolean,default:!1}},R={modifiers:{type:[String,Array],default:void 0}},j={hintLabel:{type:String,default:""}},H={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},z={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:v.before,validation:e=>Object.values(v).includes(e)}},I={tabindex:{type:[String,Number],default:0}},T={floating:{type:Boolean,default:!1}},M={unselectable:{type:Boolean,default:!0}},K={id:[String,Number]},q={placement:{type:String,default:d.bottom,validator:e=>Object.values(d).includes(e)||Object.values(c).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(s).includes(e)},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}},W={...K,name:{type:String,required:!0}},G={autofocus:{type:Boolean,default:!1}},U={autocomplete:{type:String,default:"off"}},J={...O,...D,...A,..._,...N,...L,type:{type:String,default:f.button,validator:e=>Object.values(f).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:p.button}};u.local;const Q={...K,...q,...R,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:b.menu,validator:e=>Object.values(b).includes(e)}},X={focusOnHover:{type:Boolean,default:!1}},Y={...O,...E,...M,...R,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Z(t){return e.computed((()=>String((null==t?void 0:t.value)||o.uid())))}const ee=["id","tabindex","role","aria-labelledby"],te=e.defineComponent({name:"VvDropdown",inheritAttrs:!1,props:Q,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:o,emit:r}){const i=t,u=r,{id:c}=e.toRefs(i),v=Z(c),f=e.useAttrs(),p=e.ref("auto"),m=e.ref("auto"),y=e.ref(null),h=e.ref(),B=e.ref(null),V=e.ref(null),w=e.computed({get:()=>i.reference??y.value,set:e=>{y.value=e}}),L=e.ref(!1);e.onMounted((()=>{a.useMutationObserver(h.value,(()=>{var e;L.value="true"===(null==(e=window.getComputedStyle(h.value).getPropertyValue("--dropdown-custom-position"))?void 0:e.trim())}),{attributeFilter:["style"],window:window})}));const P=e.computed((()=>{const e=[];if(i.autoPlacement?"boolean"==typeof i.autoPlacement?e.push(l.autoPlacement()):e.push(l.autoPlacement(i.autoPlacement)):i.flip&&("boolean"==typeof i.flip?e.push(l.flip({fallbackStrategy:"initialPlacement"})):e.push(l.flip(i.flip))),i.shift&&("boolean"==typeof i.shift?e.push(l.shift()):e.push(l.shift(i.shift))),i.size){const t=({availableWidth:e,availableHeight:t})=>{p.value=`${e}px`,m.value=`${t}px`};"boolean"==typeof i.size?e.push(l.size({apply:t})):e.push(l.size({...i.size,apply:t}))}return i.offset&&(e.push(l.offset(Number(i.offset))),["string","number"].includes(typeof i.offset)?e.push(l.offset(Number(i.offset))):e.push(l.offset(i.offset))),i.arrow&&e.push(l.arrow({element:B})),e})),{x:$,y:C,middlewareData:O,placement:E,strategy:_}=l.useFloating(w,h,{whileElementsMounted:(...e)=>l.autoUpdate(...e,{animationFrame:i.strategy===s.fixed}),placement:e.computed((()=>i.placement)),strategy:e.computed((()=>i.strategy)),middleware:P}),N=e.computed((()=>{var e;if(L.value)return;const t=i.triggerWidth&&w.value?`${null==(e=w.value)?void 0:e.offsetWidth}px`:void 0;return{position:_.value,top:`${C.value??0}px`,left:`${$.value??0}px`,maxWidth:t?void 0:p.value,maxHeight:m.value,width:t}})),A=e.computed((()=>E.value.split("-")[0])),D=e.computed((()=>{var e,t,l,o,a;if(L.value)return;const n={[d.top]:d.bottom,[d.right]:d.left,[d.bottom]:d.top,[d.left]:d.right}[A.value];return{left:void 0!==(null==(e=O.value.arrow)?void 0:e.x)?`${null==(t=O.value.arrow)?void 0:t.x}px`:void 0,top:void 0!==(null==(l=O.value.arrow)?void 0:l.y)?`${null==(o=O.value.arrow)?void 0:o.y}px`:void 0,[n]:-((null==(a=B.value)?void 0:a.offsetWidth)??0)/2+"px"}})),F=a.useVModel(i,"modelValue",u),R=e.ref(!1),j=e.computed({get:()=>F.value??R.value,set:e=>{void 0!==F.value?F.value=e:R.value=e}});function H(){j.value=!0}function z(){j.value=!1}function I(){j.value=!j.value}function T(e){w.value=e}o({toggle:I,show:H,hide:z,init:T,customPosition:L}),e.watch(j,(t=>{t&&i.autofocusFirst&&e.nextTick((()=>{const e=X(h.value);e.length>0&&e[0].focus({preventScroll:!0})}))})),a.onClickOutside(h,(()=>{!i.keepOpen&&j.value&&(j.value=!1)}),{ignore:[w]});const M=e.computed((()=>{var e,t;return(null==(t=null==(e=w.value)?void 0:e.getAttribute)?void 0:t.call(e,"id"))??void 0})),K=e.computed((()=>({"aria-controls":v.value,"aria-haspopup":!0,"aria-expanded":j.value}))),{component:q,bus:W}=function({reference:t,id:l,expanded:o,aria:a}){const r=n(),i=e.defineComponent({name:"VvDropdownTriggerProvider",setup(){e.provide(k,{reference:t,id:l,expanded:o,aria:a,bus:r})},render(){var t,l;return e.h(e.Fragment,{},null==(l=(t=this.$slots).default)?void 0:l.call(t))}});return{bus:r,component:i}}({reference:w,id:v,expanded:j,aria:K});W.on("click",I);const{role:G,modifiers:U}=e.toRefs(i),J=x("vv-dropdown",U,e.computed((()=>({arrow:i.arrow})))),{focused:Q}=a.useFocusWithin(h);function X(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden"))):[]}const Y=a.useElementHover(h),{itemRole:te}=function({role:t,...l}){const o=e.computed((()=>t.value===b.listbox?g.option:g.presentation));return e.provide(S,{role:o,...l}),{itemRole:o}}({role:G,expanded:j,focused:Q,hovered:Y});a.onKeyStroke("Escape",(e=>{j.value&&(e.preventDefault(),z())})),a.onKeyStroke("ArrowDown",(t=>{j.value&&Q.value&&(t.preventDefault(),e.nextTick((()=>{if(Q.value){const e=X(h.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}})))})),a.onKeyStroke("ArrowUp",(t=>{j.value&&Q.value&&(t.preventDefault(),e.nextTick((()=>{if(Q.value){const e=X(h.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}})))})),a.onKeyStroke([" ","Enter"],(e=>{const t=e.target;j.value&&Q.value&&t&&(null==t||t.click())}));const le={"before-enter":()=>{u(j.value?"beforeExpand":"beforeCollapse"),u("beforeEnter")},"after-leave":()=>{u(j.value?"afterExpand":"afterCollapse"),u("afterLeave")},enter:()=>{u("enter")},"after-enter":()=>{u("afterEnter")},"enter-cancelled":()=>{u("enterCancelled")},"before-leave":()=>{u("beforeLeave")},leave:()=>{u("leave")},"leave-cancelled":()=>{u("leaveCancelled")}};return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(q),null,{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({init:T,show:H,hide:z,toggle:I,expanded:e.unref(j),aria:e.unref(K)})))])),_:3}),e.createVNode(e.Transition,e.mergeProps({name:t.transitionName},e.toHandlers(le),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:h,style:e.normalizeStyle(e.unref(N)),class:e.normalizeClass(e.unref(J))},[i.arrow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"arrowEl",ref:B,style:e.normalizeStyle(e.unref(D)),class:"vv-dropdown__arrow"},null,4)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(j)}))),e.createElementVNode("div",e.mergeProps(e.unref(f),{id:e.unref(v),ref_key:"listEl",ref:V,tabindex:e.unref(j)?void 0:-1,role:e.unref(G),"aria-labelledby":e.unref(M),class:"vv-dropdown__list"}),[e.renderSlot(t.$slots,"items",e.normalizeProps(e.guardReactiveProps({role:e.unref(te)})))],16,ee),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(j)})))],6),[[e.vShow,e.unref(j)]])])),_:3},16,["name"])],64))}});const le=e.defineComponent({name:"VvDropdownItem",props:X,setup(t){const l=t,{role:o,expanded:n}=e.inject(S,{}),r=e.ref(null);!function({expanded:t}){e.provide(B,{role:e.ref(m.menuitem),expanded:t})}({expanded:n});const i=a.useElementHover(r),{focused:u}=a.useFocus(r),{focused:s}=a.useFocusWithin(r);return e.watch(i,(e=>{e&&l.focusOnHover&&(u.value=!0)})),(t,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(o)},{ref_key:"element",ref:r,class:["vv-dropdown__item",{"focus-visible":e.unref(u)||e.unref(s)}]}),[e.renderSlot(t.$slots,"default")],16))}}),oe=["title"],ae=e.defineComponent({name:"VvDropdownOption",props:Y,setup(t){const l=t,{modifiers:o}=e.toRefs(l),a=x("vv-dropdown-option",o,e.computed((()=>({disabled:l.disabled,selected:l.selected,unselectable:l.unselectable&&l.selected})))),n=e.computed((()=>l.selected?l.unselectable?l.deselectHintLabel:l.selectedHintLabel:l.disabled?"":l.selectHintLabel));return(t,l)=>(e.openBlock(),e.createBlock(le,{class:e.normalizeClass(e.unref(a)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(n)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)),1)]))],8,oe)])),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}}),ne={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"},re=e.defineComponent({name:"VvDropdownOptgroup",props:{...D},setup(t){const l=t;return(t,o)=>(e.openBlock(),e.createElementBlock("li",ne,e.toDisplayString(l.label),1))}});function ie(e,t,l){return l?se(e,l)===se(t,l):ue(e,t)}function ue(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),o=Array.isArray(t);let a,n,r;if(l&&o){if(n=e.length,n!==t.length)return!1;for(a=n;0!=a--;)if(!ue(e[a],t[a]))return!1;return!0}if(l!==o)return!1;const i=e instanceof Date,u=t instanceof Date;if(i!==u)return!1;if(i&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,d=t instanceof RegExp;if(s!==d)return!1;if(s&&d)return e.toString()===t.toString();const c=Object.keys(e);if(n=c.length,n!==Object.keys(t).length)return!1;for(a=n;0!=a--;)if(!Object.prototype.hasOwnProperty.call(t,c[a]))return!1;for(a=n;0!=a--;)if(r=c[a],!ue(e[r],t[r]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function se(e,t){if(e&&Object.keys(e).length&&t){if(t.includes(".")){const l=t.split(".");let o=e;for(let t=0,a=l.length;t<a;++t){if(null==e)return null;o=o[l[t]]}return o}return e[t]}return null}function de(e,t){if(null!=e&&t&&t.length)for(const l of t)if(ie(e,l))return!0;return!1}function ce(t){return null==(l=e.unref(t))||""===l||Array.isArray(l)&&0===l.length||!(l instanceof Date)&&"object"==typeof l&&0===Object.keys(l).length;var l}function ve(e,t){const l=function(e,t){let l=-1;if(t)for(let o=0;o<t.length;o++)if(ie(t[o],e)){l=o;break}return l}(e,t);return l>-1?t.filter(((e,t)=>t!==l)):t}function fe(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}function pe(t,l){const o=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>fe(o.value.invalidLabel))),n=e.computed((()=>fe(o.value.validLabel))),r=e.computed((()=>o.value.loadingLabel)),i=e.computed((()=>o.value.hintLabel)),u=e.computed((()=>Boolean(o.value.loading&&(l.loading||r.value)))),s=e.computed((()=>!u.value&&Boolean(o.value.invalid&&(l.invalid||a.value)))),d=e.computed((()=>!u.value&&!s.value&&Boolean(o.value.valid&&(l.valid||n.value)))),c=e.computed((()=>!u.value&&!s.value&&!d.value&&Boolean(l.hint||i.value))),v=e.computed((()=>s.value||d.value||u.value||c.value)),f=e.computed((()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading}))),p=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:v,invalidLabel:a,validLabel:n,loadingLabel:r,hintLabel:i,hasInvalidLabelOrSlot:s,hasValidLabelOrSlot:d,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:c}),render(){var t,l,o,a,n,r,i,u;if(this.isVisible){let s;return this.hasInvalidLabelOrSlot&&(s="alert"),this.hasValidLabelOrSlot&&(s="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:s},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:s},(null==(a=(o=this.$slots).invalid)?void 0:a.call(o))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:s},(null==(r=(n=this.$slots).valid)?void 0:r.call(n))??this.validLabel):e.h(this.tag,{role:s},(null==(u=(i=this.$slots).hint)?void 0:u.call(i))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:s,hasHintLabelOrSlot:c,hasValidLabelOrSlot:d,hasLoadingLabelOrSlot:u,hintSlotScope:f,HintSlot:p}}const me={...W,...G,...U,...I,...P,...$,...j,...C,...O,...F,...R,...H,...z,...T,...M,...D,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},placeholder:String};function be(){return{...me,options:{...me.options,type:Array,default:()=>[]}}}function ge(t,l,o){const a=V(),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return o;const e=n.value,t=l,a=o;return Object.keys(t).reduce(((l,o)=>{const n=a[o];if(l[o]=n,o in e){if(Array.isArray(t[o])){const a=t[o];if(a.length){a[0]===n&&(l[o]=e[o])}}if("function"==typeof t[o]){(0,t[o])()===n&&(l[o]=e[o])}if("object"==typeof t[o]){let a=t[o].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(l[o]=e[o]):a===n&&(l[o]=e[o])}}return l}),{})}))}function ye(t,l){const{focused:o}=a.useFocus(t);return e.watch(o,(o=>{l(o?"focus":"blur",e.unref(t))})),{focused:o}}function he(t,l){const o=e.computed((()=>"string"==typeof(null==t?void 0:t.value)?{name:null==t?void 0:t.value}:null==t?void 0:t.value)),a=e.computed((()=>(null==l?void 0:l.value)===v.before?o.value:void 0)),n=e.computed((()=>(null==l?void 0:l.value)===v.after?o.value:void 0)),r=e.computed((()=>(null==l?void 0:l.value)===d.left?o.value:void 0)),i=e.computed((()=>(null==l?void 0:l.value)===d.right?o.value:void 0)),u=e.computed((()=>(null==l?void 0:l.value)===d.top?o.value:void 0)),s=e.computed((()=>(null==l?void 0:l.value)===d.bottom?o.value:void 0));return{hasIcon:o,hasIconLeft:r,hasIconRight:i,hasIconTop:u,hasIconBottom:s,hasIconBefore:a,hasIconAfter:n}}function ke(t){const{options:l,labelKey:o,valueKey:a,disabledKey:n}=e.toRefs(t);return{options:l,getOptionLabel:e=>"string"==typeof e?e:String("function"==typeof o.value?o.value(e):r.get(e,o.value)),getOptionValue:e=>"string"==typeof e?e:"function"==typeof a.value?a.value(e):r.get(e,a.value),isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof n.value?n.value(e):r.get(e,n.value)),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}const Se=["for"],Be={class:"vv-select__wrapper"},Ve={key:0,class:"vv-select__input-before"},xe={class:"vv-select__inner"},we=["id"],Le=["disabled","hidden"],Pe=["disabled","value"],$e=["disabled","label"],Ce=["disabled","value"],Oe={key:1,class:"vv-select__input-after"},Ee=e.defineComponent({name:"VvSelect",props:be(),emits:["update:modelValue","focus","blur"],setup(t,{emit:l}){const o=t,n=l,r=e.useSlots(),i=ge("VvSelect",be(),o),u=e.ref(),{HintSlot:s,hasHintLabelOrSlot:d,hasInvalidLabelOrSlot:c,hintSlotScope:v}=pe(i,r),{id:f,modifiers:p,disabled:m,readonly:b,loading:g,icon:y,iconPosition:h,invalid:k,valid:S,floating:B,multiple:V}=e.toRefs(o),L=Z(f),P=e.computed((()=>`${L.value}-hint`)),{focused:$}=ye(u,n),C=a.useElementVisibility(u);e.watch(C,(e=>{e&&o.autofocus&&($.value=!0)}));const{hasIconBefore:O,hasIconAfter:E}=he(y,h),_=e.computed((()=>!ce(o.modelValue))),N=e.computed((()=>o.disabled||o.readonly)),A=e.computed((()=>N.value?-1:o.tabindex)),D=e.computed((()=>!0===o.invalid||!0!==o.valid&&void 0)),F=x("vv-select",p,e.computed((()=>({valid:S.value,invalid:k.value,loading:g.value,disabled:m.value,readonly:b.value,"icon-before":void 0!==O.value,"icon-after":void 0!==E.value,dirty:_.value,focus:$.value,floating:B.value,multiple:V.value})))),R=e.computed((()=>({name:o.name,tabindex:A.value,disabled:N.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":D.value,"aria-describedby":d.value?P.value:void 0,"aria-errormessage":c.value?P.value:void 0}))),j=e.computed((()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue}))),{getOptionLabel:H,getOptionValue:z,isOptionDisabled:I,getOptionGrouped:T}=ke(o),M=e.computed({get:()=>o.modelValue,set:e=>{Array.isArray(e)&&(e=e.filter((e=>void 0!==e))),n("update:modelValue",e)}});function K(e){var t;return"string"!=typeof e&&(null==(t=e.options)?void 0:t.length)}return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(F))},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(L)},e.toDisplayString(t.label),9,Se)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Be,[t.$slots.before?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(j))))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",xe,[e.unref(O)?(e.openBlock(),e.createBlock(w,e.mergeProps({key:0},e.unref(O),{class:"vv-select__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref(L),ref_key:"select",ref:u,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(M)?M.value=t:null)},e.unref(R)),[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:void 0,disabled:!t.unselectable,hidden:!t.unselectable},e.toDisplayString(t.placeholder),9,Le)):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,((t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[K(t)?(e.openBlock(),e.createElementBlock("optgroup",{key:`group-${l}`,disabled:e.unref(I)(t),label:e.unref(H)(t)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(T)(t),((t,o)=>(e.openBlock(),e.createElementBlock("option",{key:`group-${l}-item-${o}`,disabled:e.unref(I)(t),value:e.unref(z)(t)},e.toDisplayString(e.unref(H)(t)),9,Ce)))),128))],8,$e)):(e.openBlock(),e.createElementBlock("option",{key:l,disabled:e.unref(I)(t),value:e.unref(z)(t)},e.toDisplayString(e.unref(H)(t)),9,Pe))],64)))),256))],16,we),[[e.vModelSelect,e.unref(M)]]),e.unref(E)?(e.openBlock(),e.createBlock(w,e.mergeProps({key:1},e.unref(E),{class:"vv-select__icon vv-select__icon-after"}),null,16)):e.createCommentVNode("v-if",!0)]),t.$slots.after?(e.openBlock(),e.createElementBlock("div",Oe,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(j))))])):e.createCommentVNode("v-if",!0)]),e.createVNode(e.unref(s),{id:e.unref(P),class:"vv-select__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"3"}:void 0]),1032,["id"])],2))}}),_e={...R,value:[String,Number]},Ne=e.defineComponent({name:"VvBadge",props:_e,setup(t){const l=t,{modifiers:o}=e.toRefs(l),a=x("vv-badge",o);return(t,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a))},[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.value),1)]))],2))}}),Ae=J,De=e.defineComponent({name:"VvAction",props:Ae,emits:["click","mouseover","mouseleave"],setup(t,{expose:l,emit:o}){const a=t,n=o,r=e.getCurrentInstance(),i=V(),u=e.ref(null);l({$el:u});const{reference:s,bus:d,aria:c,expanded:v}=e.inject(k,{});e.watch((()=>u.value),(e=>{s&&(s.value=e)}));const f=e.computed((()=>a.pressed||(null==v?void 0:v.value))),{role:m}=e.inject(B,{}),b=e.computed((()=>{switch(!0){case a.disabled:return p.button;case void 0!==a.to:return(null==i?void 0:i.nuxt)?p.nuxtLink:p.routerLink;case void 0!==a.href:return p.a;default:return a.defaultTag}})),g=e.computed((()=>{const e={...null==c?void 0:c.value,ariaPressed:!!f.value||void 0,ariaLabel:a.ariaLabel,role:null==m?void 0:m.value};switch(b.value){case p.a:return{...e,href:a.href,target:a.target,rel:a.rel};case p.routerLink:case p.nuxtLink:return{...e,to:a.to,target:a.target};case p.button:return{...e,type:a.type,disabled:a.disabled};default:return e}}));function y(e){var t;a.disabled?e.preventDefault():(null==(t=null==r?void 0:r.vnode.props)?void 0:t.onClick)?n("click",e):null==d||d.emit("click",e)}function h(e){var t;(null==(t=null==r?void 0:r.vnode.props)?void 0:t.onMouseover)?n("mouseover",e):null==d||d.emit("mouseover",e)}function S(e){var t;(null==(t=null==r?void 0:r.vnode.props)?void 0:t.onMouseleave)?n("mouseleave",e):null==d||d.emit("mouseleave",e)}return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)),e.mergeProps(e.unref(g),{ref_key:"element",ref:u,class:{active:t.active,pressed:e.unref(f),disabled:t.disabled,current:t.current},onClickPassive:y,onMouseoverPassive:h,onMouseleavePassive:S}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}});const Fe={...J,...K,...R,...M,...C,...z,iconPosition:{type:String,default:d.left,validator:e=>Object.values(d).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function Re(t,l){const{group:o,isInGroup:a,getGroupOrLocalRef:n}=function(t){const l=e.inject(t,void 0),o=e.computed((()=>void 0!==l));return{group:l,isInGroup:o,getGroupOrLocalRef:function(t,o,a){const n=null==l?void 0:l[t];if(n)return e.computed({get:()=>n.value,set(e){n.value=e}});const r=e.toRef(o,t);return e.computed({get:()=>r.value,set(e){a&&a(`update:${t}`,e)}})}}}(h),{id:r,iconPosition:i,icon:u,label:s,pressed:d}=e.toRefs(t),c=n("modelValue",t,l),v=n("toggle",t),f=n("unselectable",t),p=e.computed((()=>(null==o?void 0:o.multiple.value)??!1)),m=e.computed((()=>{let e=t.modifiers,l=null==o?void 0:o.modifiers.value;const a=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>a.add(e)))),l&&(Array.isArray(l)||(l=l.split(" ")),l.forEach((e=>a.add(e)))),Array.from(a)})),b=e.computed((()=>Boolean(t.disabled||(null==o?void 0:o.disabled.value))));return{group:o,isInGroup:a,modelValue:c,toggle:v,unselectable:f,multiple:p,modifiers:m,disabled:b,id:r,pressed:d,iconPosition:i,icon:u,label:s}}const je={key:1,class:"vv-button__label"},He={key:1,class:"vv-button__label"},ze=e.defineComponent({name:"VvButton",inheritAttrs:!1,props:Fe,emits:["update:modelValue"],setup(t,{expose:l,emit:o}){const a=t,n=o,r=e.useAttrs(),i=e.useSlots(),{id:u,modifiers:s,iconPosition:c,icon:v,label:f,modelValue:p,disabled:m,toggle:b,unselectable:g}=Re(a,n),y=Z(u),h=e.computed((()=>(null==r?void 0:r.name)||y.value)),k=e.ref(null);l({$el:e.computed((()=>{var e;return null==(e=k.value)?void 0:e.$el}))});const S=e.computed((()=>b.value?Array.isArray(p.value)?de(h.value,p.value):ie(h.value,p.value):a.pressed)),B=x("vv-button",s,e.computed((()=>({reverse:[d.right,d.bottom].includes(c.value),column:[d.top,d.bottom].includes(c.value),"icon-only":Boolean((null==v?void 0:v.value)&&!(null==f?void 0:f.value)&&!i.default)})))),{hasIcon:V}=he(v),L=e.computed((()=>void 0!==a.value?a.value:h.value)),P=e.computed((()=>{if(b.value)return{onClick:$}}));function $(){if(b.value){if(Array.isArray(p.value))return de(L.value,p.value)?void(g.value&&(p.value=p.value.filter((e=>e!==L.value)))):void p.value.push(L.value);if(L.value===p.value&&g.value)return void(p.value=a.uncheckedValue);p.value=L.value}}return(t,l)=>(e.openBlock(),e.createBlock(De,e.mergeProps({...e.unref(r),...e.unref(P),disabled:e.unref(m),pressed:e.unref(S),active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel,ariaLabel:t.ariaLabel},{id:e.unref(y),ref_key:"element",ref:k,class:e.unref(B)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[t.loading?e.renderSlot(t.$slots,"loading",{key:0},(()=>[t.loadingIcon?(e.openBlock(),e.createBlock(w,{key:0,class:"vv-button__loading-icon",name:t.loadingIcon},null,8,["name"])):e.createCommentVNode("v-if",!0),t.loadingLabel?(e.openBlock(),e.createElementBlock("span",je,e.toDisplayString(t.loadingLabel),1)):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"before"),e.unref(V)?(e.openBlock(),e.createBlock(w,e.mergeProps({key:0},e.unref(V),{class:"vv-button__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("span",He,[e.renderSlot(t.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(f)),1)]))])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"after")],64))]))])),_:3},16,["id","class"]))}}),Ie={...W,...I,...P,...$,...j,...C,...O,...F,...R,...H,...z,...T,...M,...q,...D,transitionName:{type:String,default:"vv-dropdown--mobile-fade-block"},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},noResultsLabel:{type:String,default:"No results"},noOptionsLabel:{type:String,default:"No options available"},selectedHintLabel:{type:String,default:"Selected"},deselectActionLabel:{type:String,default:"Deselect"},selectHintLabel:{type:String,default:"Press enter to select"},deselectHintLabel:{type:String,default:"Press enter to remove"},closeLabel:{type:String,default:"Close"},placeholder:String,searchable:Boolean,searchFunction:{type:Function,default:void 0},searchPlaceholder:{type:String,default:"Search..."},debounceSearch:{type:[Number,String],default:0},multiple:Boolean,maxValues:[Number,String],separator:{type:String,default:", "},native:Boolean,badges:Boolean,badgeModifiers:{type:[String,Array],default:"action sm"},triggerWidth:{...q.triggerWidth,default:!0},dropdownModifiers:{type:[String,Array],default:"mobile"},autoOpen:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1}};function Te(){return{...Ie,options:{...Ie.options,type:Array},searchFunction:{...Ie.searchFunction,type:Function}}}const Me=["id"],Ke=["id","for"],qe=["id","aria-controls","placeholder"],We={key:0,class:"vv-select__input-before"},Ge={class:"vv-select__inner"},Ue=["aria-controls","aria-expanded","aria-labelledby","aria-describedby","aria-errormessage","tabindex"],Je={key:0,class:"vv-select__value"},Qe=["aria-label","onClick"],Xe={key:1,class:"vv-select__input-after"},Ye={name:"VvCombobox",components:{VvDropdown:te,VvDropdownOption:ae,VvDropdownOptgroup:re,VvButton:ze}};return e.defineComponent({...Ye,props:Te(),emits:["update:modelValue","update:search","change:search","focus","blur"],setup(t,{emit:l}){const o=t,n=l,r=e.useSlots(),i=ge("VvCombobox",Te(),o);function u(e){var t;return"string"!=typeof e&&(null==(t=e.options)?void 0:t.length)}const{HintSlot:s,hasHintLabelOrSlot:d,hasInvalidLabelOrSlot:c,hintSlotScope:v}=pe(i,r),f=e.ref(null),p=e.ref(null),m=e.ref(null),{focused:g}=ye(f,n),{focused:y}=a.useFocusWithin(m);e.watch(g,(e=>{o.autoOpen&&(!e||S.value?e||!S.value||y.value||L():V())})),e.watch(y,(e=>{g.value||e||!S.value||L()}));const h=e.ref(""),k=a.refDebounced(h,e.computed((()=>Number(o.debounceSearch))));e.watch(k,(()=>{n("update:search",k.value),n("change:search",k.value)}));const S=e.ref(!1);function B(){o.disabled||o.readonly||(S.value=!S.value)}function V(){o.disabled||o.readonly||S.value||(S.value=!0)}function L(){o.disabled||o.readonly||!S.value||(S.value=!1)}function P(){i.value.searchable&&p.value&&p.value.focus({preventScroll:!0})}function $(){i.value.searchable&&(h.value="")}const{id:C,icon:O,iconPosition:E,modifiers:_,disabled:N,readonly:A,loading:D,valid:F,invalid:R,floating:j}=e.toRefs(o),H=Z(C),z=e.computed((()=>`${H.value}-hint`)),I=e.computed((()=>`${H.value}-dropdown`)),T=e.computed((()=>`${H.value}-search`)),M=e.computed((()=>`${H.value}-label`)),K=e.ref(!1),q=e.computed((()=>K.value||D.value)),W=e.ref(),{hasIconBefore:G,hasIconAfter:U}=he(O,E),J=e.computed((()=>!ce(o.modelValue))),Q=e.computed((()=>N.value||A.value?-1:o.tabindex)),X=x("vv-select",_,e.computed((()=>({disabled:N.value,loading:q.value,readonly:A.value,"icon-before":void 0!==G.value,"icon-after":void 0!==U.value,valid:F.value,invalid:R.value,dirty:J.value,focus:g.value||y.value||S.value,floating:j.value,badges:o.badges})))),{getOptionLabel:Y,getOptionValue:ee,getOptionGrouped:le,isOptionDisabled:oe}=ke(o),ne=a.computedAsync((async()=>{var e;if(i.value.searchFunction){K.value=!0;const e=await Promise.resolve(i.value.searchFunction(k.value,o.options));return K.value=!1,e}return null==(e=o.options)?void 0:e.filter((e=>Y(e).toLowerCase().includes(k.value.toLowerCase().trim())))}));function ue(e){return Array.isArray(o.modelValue)?de(e,o.modelValue)||de(ee(e),o.modelValue):ie(e,o.modelValue)||ie(ee(e),o.modelValue)}const se=e.computed((()=>o.options.reduce(((e,t)=>u(t)?[...e,...le(t)]:[...e,t]),[]).filter((e=>ue(e))))),fe=e.computed((()=>se.value.map((e=>Y(e))).join(o.separator)));function me(){o.autoOpen?V():B()}function be(e){var t;if(o.disabled||o.readonly)return;const l=ee(e);let a=l;if(o.multiple)if(Array.isArray(o.modelValue)){const e=Number(o.maxValues);if(void 0!==o.maxValues&&e>=0&&(null==(t=o.modelValue)?void 0:t.length)>=e&&!de(l,o.modelValue))return;a=de(l,o.modelValue)?ve(l,o.modelValue):[...o.modelValue,l]}else a=[l];else o.keepOpen||L(),Array.isArray(o.modelValue)?a=o.unselectable&&o.modelValue.includes(l)?[]:[l]:o.unselectable&&l===o.modelValue&&(a=void 0);n("update:modelValue",a)}const Se=e.computed((()=>({id:H.value,name:o.name,tabindex:Q.value,valid:F.value,validLabel:i.value.validLabel,invalid:R.value,invalidLabel:i.value.invalidLabel,hintLabel:i.value.hintLabel,loading:q.value,loadingLabel:i.value.loadingLabel,disabled:N.value,readonly:A.value,modifiers:i.value.modifiers,options:i.value.options,labelKey:i.value.labelKey,valueKey:i.value.valueKey,icon:i.value.icon,iconPosition:i.value.iconPosition,floating:i.value.floating,unselectable:i.value.unselectable,multiple:i.value.multiple,label:i.value.label,placeholder:i.value.placeholder,modelValue:o.modelValue}))),Be=e.computed((()=>({id:I.value,reference:m.value,placement:i.value.placement,strategy:i.value.strategy,transitionName:i.value.transitionName,offset:i.value.offset,shift:i.value.shift,flip:i.value.flip,autoPlacement:i.value.autoPlacement,arrow:i.value.arrow,autofocusFirst:!!i.value.searchable||i.value.autofocusFirst,triggerWidth:i.value.triggerWidth,modifiers:i.value.dropdownModifiers}))),Ve=e.computed((()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue})));return a.onKeyStroke([" ","Enter"],(e=>{o.autoOpen||!S.value&&g.value&&(e.preventDefault(),e.stopImmediatePropagation(),B())}),{target:f}),(t,l)=>t.native?(e.openBlock(),e.createBlock(Ee,e.mergeProps({key:1},e.unref(Se),{"onUpdate:modelValue":l[3]||(l[3]=e=>n("update:modelValue",e))}),null,16)):(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(H),class:e.normalizeClass(e.unref(X))},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:e.unref(M),for:e.unref(i).searchable?e.unref(T):void 0},e.toDisplayString(t.label),9,Ke)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"wrapperEl",ref:m,class:"vv-select__wrapper"},[e.createVNode(te,e.mergeProps({ref_key:"dropdownEl",ref:W,modelValue:e.unref(S),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(S)?S.value=t:null)},e.unref(Be),{role:e.unref(b).listbox,onAfterExpand:P,onAfterCollapse:$}),e.createSlots({default:e.withCtx((({aria:l})=>[t.$slots.before?(e.openBlock(),e.createElementBlock("div",We,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(Ve))))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Ge,[e.unref(G)?(e.openBlock(),e.createBlock(w,e.mergeProps({key:0},e.unref(G),{class:"vv-select__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",e.mergeProps({ref_key:"inputEl",ref:f},l,{class:"vv-select__input",role:"combobox","aria-controls":e.unref(I),"aria-expanded":e.unref(S),"aria-labelledby":e.unref(M),"aria-describedby":e.unref(d)?e.unref(z):void 0,"aria-errormessage":e.unref(c)?e.unref(z):void 0,tabindex:e.unref(Q),onClickPassive:me}),[e.renderSlot(t.$slots,"value",e.normalizeProps(e.guardReactiveProps({selectedOptions:e.unref(se),onInput:be})),(()=>[e.unref(fe)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.badges?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(se),((l,o)=>(e.openBlock(),e.createBlock(Ne,{key:o,modifiers:t.badgeModifiers,class:"vv-select__badge"},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(e.unref(Y)(l))+" ",1),!t.unselectable||e.unref(A)||e.unref(N)?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(i).deselectActionLabel,type:"button",onClick:e.withModifiers((e=>be(l)),["stop"])},[e.createVNode(w,{name:"close"})],8,Qe))])),_:2},1032,["modifiers"])))),128)):(e.openBlock(),e.createElementBlock("div",Je,e.toDisplayString(e.unref(fe)),1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.placeholder),1)],64))]))],16,Ue),e.unref(U)?(e.openBlock(),e.createBlock(w,e.mergeProps({key:1},e.unref(U),{class:"vv-select__icon vv-select__icon-after"}),null,16)):e.createCommentVNode("v-if",!0)]),t.$slots.after?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(Ve))))])):e.createCommentVNode("v-if",!0)])),items:e.withCtx((()=>{var l;return[!e.unref(N)&&(null==(l=e.unref(ne))?void 0:l.length)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(ne),((l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o},[u(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(re,{label:e.unref(Y)(l)},null,8,["label"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(le)(l),((o,a)=>(e.openBlock(),e.createBlock(ae,e.mergeProps({ref_for:!0},{selected:ue(o),disabled:e.unref(oe)(o),unselectable:t.unselectable,deselectHintLabel:e.unref(i).deselectHintLabel,selectHintLabel:e.unref(i).selectHintLabel,selectedHintLabel:e.unref(i).selectedHintLabel},{key:a,class:"vv-dropdown-option","focus-on-hover":"",onClickPassive:e=>be(o)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"option",e.mergeProps({ref_for:!0},{option:l,selectedOptions:e.unref(se),selected:ue(o),disabled:e.unref(oe)(o)}),(()=>[e.createTextVNode(e.toDisplayString(e.unref(Y)(o)),1)]))])),_:2},1040,["onClickPassive"])))),128))],64)):(e.openBlock(),e.createBlock(ae,e.mergeProps({key:1,ref_for:!0},{selected:ue(l),disabled:e.unref(oe)(l),unselectable:t.unselectable,deselectHintLabel:e.unref(i).deselectHintLabel,selectHintLabel:e.unref(i).selectHintLabel,selectedHintLabel:e.unref(i).selectedHintLabel},{class:"vv-dropdown-option","focus-on-hover":"",onClickPassive:e=>be(l)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"option",e.mergeProps({ref_for:!0},{option:l,selectedOptions:e.unref(se),selected:ue(l),disabled:e.unref(oe)(l)}),(()=>[e.createTextVNode(e.toDisplayString(e.unref(Y)(l)),1)]))])),_:2},1040,["onClickPassive"]))],64)))),128)):t.options.length?e.unref(N)?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(ae,{key:2,modifiers:"inert"},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"no-results",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(i).noResultsLabel),1)]))])),_:3})):(e.openBlock(),e.createBlock(ae,{key:1,modifiers:"inert"},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"no-options",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(i).noOptionsLabel),1)]))])),_:3}))]})),after:e.withCtx((()=>[e.renderSlot(t.$slots,"dropdown::after",{},(()=>{var t;return[(null==(t=e.unref(W))?void 0:t.customPosition)?(e.openBlock(),e.createBlock(ze,{key:0,label:e.unref(i).closeLabel,modifiers:"secondary",onClick:l[1]||(l[1]=t=>e.unref(W).hide())},null,8,["label"])):e.createCommentVNode("v-if",!0)]}))])),_:2},[e.unref(i).searchable||t.$slots["dropdown::before"]?{name:"before",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"dropdown::before"),e.unref(i).searchable&&!e.unref(N)?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:e.unref(T),ref_key:"inputSearchEl",ref:p,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(h)?h.value=t:null),"aria-autocomplete":"list","aria-controls":e.unref(I),autocomplete:"off",spellcheck:"false",type:"search",class:"vv-dropdown__search",placeholder:e.unref(i).searchPlaceholder},null,8,qe)),[[e.vModelText,e.unref(h)]]):e.createCommentVNode("v-if",!0)])),key:"0"}:void 0]),1040,["modelValue","role"])],512),e.createVNode(e.unref(s),{id:e.unref(z),class:"vv-select__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"3"}:void 0]),1032,["id"])],10,Me))}})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue"),require("@floating-ui/vue"),require("uid"),require("@vueuse/core"),require("mitt"),require("ts-dot-prop")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","@floating-ui/vue","uid","@vueuse/core","mitt","ts-dot-prop"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCombobox=t(e.vue,e.vue$1,e.vue$2,e.uid,e.core,e.mitt,e.tsDotProp)}(this,(function(e,t,l,o,a,n,r){"use strict";const i={prefix:"normal"};var u=(e=>(e.local="local",e.session="session",e))(u||{}),s=(e=>(e.absolute="absolute",e.fixed="fixed",e))(s||{}),d=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(d||{}),c=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(c||{}),v=(e=>(e.before="before",e.after="after",e))(v||{}),f=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(f||{}),p=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(p||{}),m=(e=>(e.button="button",e.link="link",e.menuitem="menuitem",e))(m||{}),b=(e=>(e.listbox="listbox",e.menu="menu",e))(b||{}),g=(e=>(e.option="option",e.presentation="presentation",e))(g||{});const y=Symbol.for("volver"),h=Symbol.for("buttonGroup"),k=Symbol.for("dropdownTrigger"),S=Symbol.for("dropdownItem"),B=Symbol.for("dropdownAction");function w(){return e.inject(y)}function x(t,l,o){return e.computed((()=>{const a={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(a[`${t}--${e}`]=!0)})),o&&Object.keys(o.value).forEach((l=>{a[`${t}--${l}`]=e.unref(o.value[l])})),a}))}const V=e.defineComponent({name:"VvIcon",props: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:{}},i),setup(l){const o=l,a=e.computed((()=>"string"==typeof o.rotate?Number.parseFloat(o.rotate):o.rotate)),n=e.ref(!0),r=w(),{modifiers:i}=e.toRefs(o),u=x("vv-icon",i),s=e.computed((()=>o.provider||(null==r?void 0:r.iconsProvider))),d=e.computed((()=>{const e=o.name??"",l=`@${s.value}:${o.prefix}:${e}`;if(t.iconExists(l))return l;const a=null==r?void 0:r.iconsCollections.find((l=>{const o=`@${s.value}:${l.prefix}:${e}`;return t.iconExists(o)}));return a?`@${s.value}:${a.prefix}:${e}`:e}));function c(e){const l=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),a=(null==l?void 0:l.innerHTML.trim())||"";l&&a&&t.addIcon(`@${s.value}:${o.prefix}:${o.name}`,{body:a,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return r&&o.src&&!t.iconExists(`@${s.value}:${o.prefix}:${o.name}`)&&(n.value=!1,r.fetchIcon(o.src).then((e=>{e&&(c(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),o.svg&&c(o.svg),(l,o)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:l.inline,width:l.width,height:l.height,horizontalFlip:l.horizontalFlip,verticalFlip:l.verticalFlip,flip:l.flip,rotate:e.unref(a),color:l.color,onLoad:l.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("v-if",!0)}}),L={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}},$={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},C={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},E={disabled:{type:Boolean,default:!1}},O={selected:{type:Boolean,default:!1}},_={active:{type:Boolean,default:!1}},N={current:{type:Boolean,default:!1}},A={pressed:{type:Boolean,default:!1}},F={label:{type:[String,Number],default:void 0}},D={readonly:{type:Boolean,default:!1}},R={modifiers:{type:[String,Array],default:void 0}},H={hintLabel:{type:String,default:""}},z={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},j={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:v.before,validation:e=>Object.values(v).includes(e)}},I={tabindex:{type:[String,Number],default:0}},T={floating:{type:Boolean,default:!1}},M={unselectable:{type:Boolean,default:!0}},K={id:[String,Number]},q={placement:{type:String,default:d.bottom,validator:e=>Object.values(d).includes(e)||Object.values(c).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(s).includes(e)},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}},W={...K,name:{type:String,required:!0}},G={autofocus:{type:Boolean,default:!1}},U={autocomplete:{type:String,default:"off"}},J={...E,...F,...A,..._,...N,...L,type:{type:String,default:f.button,validator:e=>Object.values(f).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:p.button}};u.local;const Q={...K,...q,...R,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:b.menu,validator:e=>Object.values(b).includes(e)}},X={focusOnHover:{type:Boolean,default:!1}},Y={...E,...O,...M,...R,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Z(t){return e.computed((()=>String((null==t?void 0:t.value)||o.uid())))}const ee=["id","tabindex","role","aria-labelledby"],te=e.defineComponent({name:"VvDropdown",inheritAttrs:!1,props:Q,emits:["update:modelValue","beforeEnter","afterLeave","beforeExpand","beforeCollapse","afterExpand","afterCollapse","before-enter","after-leave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(t,{expose:o,emit:r}){const i=t,u=r,{id:c}=e.toRefs(i),v=Z(c),f=e.useAttrs(),p=e.ref("auto"),m=e.ref("auto"),y=e.ref(null),h=e.ref(),B=e.ref(null),w=e.ref(null),V=e.computed({get:()=>i.reference??y.value,set:e=>{y.value=e}}),L=e.ref(!1);e.onMounted((()=>{a.useMutationObserver(h.value,(()=>{var e;L.value="true"===(null==(e=window.getComputedStyle(h.value).getPropertyValue("--dropdown-custom-position"))?void 0:e.trim())}),{attributeFilter:["style"],window:window})}));const P=e.computed((()=>{const e=[];if(i.autoPlacement?"boolean"==typeof i.autoPlacement?e.push(l.autoPlacement()):e.push(l.autoPlacement(i.autoPlacement)):i.flip&&("boolean"==typeof i.flip?e.push(l.flip({fallbackStrategy:"initialPlacement"})):e.push(l.flip(i.flip))),i.shift&&("boolean"==typeof i.shift?e.push(l.shift()):e.push(l.shift(i.shift))),i.size){const t=({availableWidth:e,availableHeight:t})=>{p.value=`${e}px`,m.value=`${t}px`};"boolean"==typeof i.size?e.push(l.size({apply:t})):e.push(l.size({...i.size,apply:t}))}return i.offset&&(e.push(l.offset(Number(i.offset))),["string","number"].includes(typeof i.offset)?e.push(l.offset(Number(i.offset))):e.push(l.offset(i.offset))),i.arrow&&e.push(l.arrow({element:B})),e})),{x:$,y:C,middlewareData:E,placement:O,strategy:_}=l.useFloating(V,h,{whileElementsMounted:(...e)=>l.autoUpdate(...e,{animationFrame:i.strategy===s.fixed}),placement:e.computed((()=>i.placement)),strategy:e.computed((()=>i.strategy)),middleware:P}),N=e.computed((()=>{var e;if(L.value)return;const t=i.triggerWidth&&V.value?`${null==(e=V.value)?void 0:e.offsetWidth}px`:void 0;return{position:_.value,top:`${C.value??0}px`,left:`${$.value??0}px`,maxWidth:t?void 0:p.value,maxHeight:m.value,width:t}})),A=e.computed((()=>O.value.split("-")[0])),F=e.computed((()=>{var e,t,l,o,a;if(L.value)return;const n={[d.top]:d.bottom,[d.right]:d.left,[d.bottom]:d.top,[d.left]:d.right}[A.value];return{left:void 0!==(null==(e=E.value.arrow)?void 0:e.x)?`${null==(t=E.value.arrow)?void 0:t.x}px`:void 0,top:void 0!==(null==(l=E.value.arrow)?void 0:l.y)?`${null==(o=E.value.arrow)?void 0:o.y}px`:void 0,[n]:-((null==(a=B.value)?void 0:a.offsetWidth)??0)/2+"px"}})),D=a.useVModel(i,"modelValue",u),R=e.ref(!1),H=e.computed({get:()=>D.value??R.value,set:e=>{void 0!==D.value?D.value=e:R.value=e}});function z(){H.value=!0}function j(){H.value=!1}function I(){H.value=!H.value}function T(e){V.value=e}o({toggle:I,show:z,hide:j,init:T,customPosition:L}),e.watch(H,(t=>{t&&i.autofocusFirst&&e.nextTick((()=>{const e=X(h.value);e.length>0&&e[0].focus({preventScroll:!0})}))})),a.onClickOutside(h,(()=>{!i.keepOpen&&H.value&&(H.value=!1)}),{ignore:[V]});const M=e.computed((()=>{var e,t;return(null==(t=null==(e=V.value)?void 0:e.getAttribute)?void 0:t.call(e,"id"))??void 0})),K=e.computed((()=>({"aria-controls":v.value,"aria-haspopup":!0,"aria-expanded":H.value}))),{component:q,bus:W}=function({reference:t,id:l,expanded:o,aria:a}){const r=n(),i=e.defineComponent({name:"VvDropdownTriggerProvider",setup(){e.provide(k,{reference:t,id:l,expanded:o,aria:a,bus:r})},render(){var t,l;return e.h(e.Fragment,{},null==(l=(t=this.$slots).default)?void 0:l.call(t))}});return{bus:r,component:i}}({reference:V,id:v,expanded:H,aria:K});W.on("click",I);const{role:G,modifiers:U}=e.toRefs(i),J=x("vv-dropdown",U,e.computed((()=>({arrow:i.arrow})))),{focused:Q}=a.useFocusWithin(h);function X(e){return e?[...e.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((e=>!e.hasAttribute("disabled")&&!e.getAttribute("aria-hidden"))):[]}const Y=a.useElementHover(h),{itemRole:te}=function({role:t,...l}){const o=e.computed((()=>t.value===b.listbox?g.option:g.presentation));return e.provide(S,{role:o,...l}),{itemRole:o}}({role:G,expanded:H,focused:Q,hovered:Y});a.onKeyStroke("Escape",(e=>{H.value&&(e.preventDefault(),j())})),a.onKeyStroke("ArrowDown",(t=>{H.value&&Q.value&&(t.preventDefault(),e.nextTick((()=>{if(Q.value){const e=X(h.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t<e.length-1?e[t+1].focus({preventScroll:!0}):e[0].focus({preventScroll:!0})}})))})),a.onKeyStroke("ArrowUp",(t=>{H.value&&Q.value&&(t.preventDefault(),e.nextTick((()=>{if(Q.value){const e=X(h.value);if(0===e.length||!document.activeElement)return;const t=e.indexOf(document.activeElement);t>0?e[t-1].focus({preventScroll:!0}):e[e.length-1].focus({preventScroll:!0})}})))})),a.onKeyStroke([" ","Enter"],(e=>{const t=e.target;H.value&&Q.value&&t&&(null==t||t.click())}));const le={"before-enter":()=>{u(H.value?"beforeExpand":"beforeCollapse"),u("beforeEnter")},"after-leave":()=>{u(H.value?"afterExpand":"afterCollapse"),u("afterLeave")},enter:()=>{u("enter")},"after-enter":()=>{u("afterEnter")},"enter-cancelled":()=>{u("enterCancelled")},"before-leave":()=>{u("beforeLeave")},leave:()=>{u("leave")},"leave-cancelled":()=>{u("leaveCancelled")}};return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(q),null,{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",e.normalizeProps(e.guardReactiveProps({init:T,show:z,hide:j,toggle:I,expanded:e.unref(H),aria:e.unref(K)})))])),_:3}),e.createVNode(e.Transition,e.mergeProps({name:t.transitionName},e.toHandlers(le),{persisted:""}),{default:e.withCtx((()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"floatingEl",ref:h,style:e.normalizeStyle(e.unref(N)),class:e.normalizeClass(e.unref(J))},[i.arrow?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"arrowEl",ref:B,style:e.normalizeStyle(e.unref(F)),class:"vv-dropdown__arrow"},null,4)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(H)}))),e.createElementVNode("div",e.mergeProps(e.unref(f),{id:e.unref(v),ref_key:"listEl",ref:w,tabindex:e.unref(H)?void 0:-1,role:e.unref(G),"aria-labelledby":e.unref(M),class:"vv-dropdown__list"}),[e.renderSlot(t.$slots,"items",e.normalizeProps(e.guardReactiveProps({role:e.unref(te)})))],16,ee),e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps({expanded:e.unref(H)})))],6),[[e.vShow,e.unref(H)]])])),_:3},16,["name"])],64))}});const le=e.defineComponent({name:"VvDropdownItem",props:X,setup(t){const l=t,{role:o,expanded:n}=e.inject(S,{}),r=e.ref(null);!function({expanded:t}){e.provide(B,{role:e.ref(m.menuitem),expanded:t})}({expanded:n});const i=a.useElementHover(r),{focused:u}=a.useFocus(r),{focused:s}=a.useFocusWithin(r);return e.watch(i,(e=>{e&&l.focusOnHover&&(u.value=!0)})),(t,l)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({role:e.unref(o)},{ref_key:"element",ref:r,class:["vv-dropdown__item",{"focus-visible":e.unref(u)||e.unref(s)}]}),[e.renderSlot(t.$slots,"default")],16))}}),oe=["title"],ae=e.defineComponent({name:"VvDropdownOption",props:Y,setup(t){const l=t,{modifiers:o}=e.toRefs(l),a=x("vv-dropdown-option",o,e.computed((()=>({disabled:l.disabled,selected:l.selected,unselectable:l.unselectable&&l.selected})))),n=e.computed((()=>l.selected?l.unselectable?l.deselectHintLabel:l.selectedHintLabel:l.disabled?"":l.selectHintLabel));return(t,l)=>(e.openBlock(),e.createBlock(le,{class:e.normalizeClass(e.unref(a)),tabindex:t.disabled?-1:0,"aria-selected":t.selected,"aria-disabled":t.disabled,"focus-on-hover":t.focusOnHover},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),e.createElementVNode("span",{class:"vv-dropdown-option__hint",title:e.unref(n)},[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps({disabled:t.disabled,selected:t.selected,unselectable:t.unselectable})),(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)),1)]))],8,oe)])),_:3},8,["class","tabindex","aria-selected","aria-disabled","focus-on-hover"]))}}),ne={class:"vv-dropdown-optgroup",role:"presentation",tabindex:"-1"},re=e.defineComponent({name:"VvDropdownOptgroup",props:{...F},setup(t){const l=t;return(t,o)=>(e.openBlock(),e.createElementBlock("li",ne,e.toDisplayString(l.label),1))}});function ie(e,t,l){return l?se(e,l)===se(t,l):ue(e,t)}function ue(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),o=Array.isArray(t);let a,n,r;if(l&&o){if(n=e.length,n!==t.length)return!1;for(a=n;0!=a--;)if(!ue(e[a],t[a]))return!1;return!0}if(l!==o)return!1;const i=e instanceof Date,u=t instanceof Date;if(i!==u)return!1;if(i&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,d=t instanceof RegExp;if(s!==d)return!1;if(s&&d)return e.toString()===t.toString();const c=Object.keys(e);if(n=c.length,n!==Object.keys(t).length)return!1;for(a=n;0!=a--;)if(!Object.prototype.hasOwnProperty.call(t,c[a]))return!1;for(a=n;0!=a--;)if(r=c[a],!ue(e[r],t[r]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function se(e,t){if(e&&Object.keys(e).length&&t){if(t.includes(".")){const l=t.split(".");let o=e;for(let t=0,a=l.length;t<a;++t){if(null==e)return null;o=o[l[t]]}return o}return e[t]}return null}function de(e,t){if(null!=e&&t&&t.length)for(const l of t)if(ie(e,l))return!0;return!1}function ce(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}function ve(t,l){const o=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>ce(o.value.invalidLabel))),n=e.computed((()=>ce(o.value.validLabel))),r=e.computed((()=>o.value.loadingLabel)),i=e.computed((()=>o.value.hintLabel)),u=e.computed((()=>Boolean(o.value.loading&&(l.loading||r.value)))),s=e.computed((()=>!u.value&&Boolean(o.value.invalid&&(l.invalid||a.value)))),d=e.computed((()=>!u.value&&!s.value&&Boolean(o.value.valid&&(l.valid||n.value)))),c=e.computed((()=>!u.value&&!s.value&&!d.value&&Boolean(l.hint||i.value))),v=e.computed((()=>s.value||d.value||u.value||c.value)),f=e.computed((()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading}))),p=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:v,invalidLabel:a,validLabel:n,loadingLabel:r,hintLabel:i,hasInvalidLabelOrSlot:s,hasValidLabelOrSlot:d,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:c}),render(){var t,l,o,a,n,r,i,u;if(this.isVisible){let s;return this.hasInvalidLabelOrSlot&&(s="alert"),this.hasValidLabelOrSlot&&(s="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:s},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:s},(null==(a=(o=this.$slots).invalid)?void 0:a.call(o))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:s},(null==(r=(n=this.$slots).valid)?void 0:r.call(n))??this.validLabel):e.h(this.tag,{role:s},(null==(u=(i=this.$slots).hint)?void 0:u.call(i))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:s,hasHintLabelOrSlot:c,hasValidLabelOrSlot:d,hasLoadingLabelOrSlot:u,hintSlotScope:f,HintSlot:p}}const fe={...W,...G,...U,...I,...P,...$,...H,...C,...E,...D,...R,...z,...j,...T,...M,...F,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 pe(){return{...fe,options:{...fe.options,type:Array,default:()=>[]}}}function me(t,l,o){const a=w(),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return o;const e=n.value,t=l,a=o;return Object.keys(t).reduce(((l,o)=>{const n=a[o];if(l[o]=n,o in e){if(Array.isArray(t[o])){const a=t[o];if(a.length){a[0]===n&&(l[o]=e[o])}}if("function"==typeof t[o]){(0,t[o])()===n&&(l[o]=e[o])}if("object"==typeof t[o]){let a=t[o].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(l[o]=e[o]):a===n&&(l[o]=e[o])}}return l}),{})}))}function be(t,l){const{focused:o}=a.useFocus(t);return e.watch(o,(o=>{l(o?"focus":"blur",e.unref(t))})),{focused:o}}function ge(t,l){const o=e.computed((()=>"string"==typeof(null==t?void 0:t.value)?{name:null==t?void 0:t.value}:null==t?void 0:t.value)),a=e.computed((()=>(null==l?void 0:l.value)===v.before?o.value:void 0)),n=e.computed((()=>(null==l?void 0:l.value)===v.after?o.value:void 0)),r=e.computed((()=>(null==l?void 0:l.value)===d.left?o.value:void 0)),i=e.computed((()=>(null==l?void 0:l.value)===d.right?o.value:void 0)),u=e.computed((()=>(null==l?void 0:l.value)===d.top?o.value:void 0)),s=e.computed((()=>(null==l?void 0:l.value)===d.bottom?o.value:void 0));return{hasIcon:o,hasIconLeft:r,hasIconRight:i,hasIconTop:u,hasIconBottom:s,hasIconBefore:a,hasIconAfter:n}}function ye(t){const{options:l,labelKey:o,valueKey:a,disabledKey:n}=e.toRefs(t);return{options:l,getOptionLabel:e=>"string"==typeof e?e:"function"==typeof o.value?o.value(e):String(o.value?r.get(e,o.value):e),getOptionValue:e=>"string"==typeof e?e:"function"==typeof a.value?a.value(e):a.value?r.get(e,a.value):e,isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof n.value?n.value(e):!!n.value&&r.get(e,n.value)),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}const he=["for"],ke={class:"vv-select__wrapper"},Se={key:0,class:"vv-select__input-before"},Be={class:"vv-select__inner"},we=["id"],xe=["disabled","hidden"],Ve=["disabled","value"],Le=["disabled","label"],Pe=["disabled","value"],$e={key:1,class:"vv-select__input-after"},Ce=e.defineComponent({name:"VvSelect",props:pe(),emits:["update:modelValue","focus","blur"],setup(t,{emit:l}){const o=t,n=l,r=e.useSlots(),i=me("VvSelect",pe(),o),u=e.ref(),{HintSlot:s,hasHintLabelOrSlot:d,hasInvalidLabelOrSlot:c,hintSlotScope:v}=ve(i,r),{focused:f}=be(u,n);function p(e){var t;return"string"!=typeof e&&(null==(t=e.options)?void 0:t.length)}const{id:m,modifiers:b,disabled:g,readonly:y,loading:h,icon:k,iconPosition:S,invalid:B,valid:w,floating:L,multiple:P}=e.toRefs(o),$=Z(m),C=e.computed((()=>`${$.value}-hint`)),E=e.computed((()=>o.disabled||o.readonly)),O=e.computed((()=>E.value?-1:o.tabindex)),_=e.computed({get:()=>o.modelValue,set:e=>{!Array.isArray(e)||0!==(e=e.filter((e=>void 0!==e))).length||o.unselectable?n("update:modelValue",e):u.value.value=o.modelValue}}),N=e.computed((()=>Array.isArray(_.value)?_.value.length>0:void 0!==_.value&&null!==_.value)),A=a.useElementVisibility(u);e.watch(A,(e=>{e&&o.autofocus&&(f.value=!0)}));const{hasIconBefore:F,hasIconAfter:D}=ge(k,S),R=e.computed((()=>!0===o.invalid||!0!==o.valid&&void 0)),H=x("vv-select",b,e.computed((()=>({valid:w.value,invalid:B.value,loading:h.value,disabled:g.value,readonly:y.value,"icon-before":void 0!==F.value,"icon-after":void 0!==D.value,dirty:N.value,focus:f.value,floating:L.value,multiple:P.value})))),{getOptionLabel:z,getOptionValue:j,isOptionDisabled:I,getOptionGrouped:T}=ye(o);e.watch((()=>o.options),(e=>{if((null==e?void 0:e.length)&&o.autoselectFirst&&!N.value){const t=j(e[0]);_.value=o.multiple?[t]:t}}),{immediate:!0});const M=e.computed((()=>({name:o.name,tabindex:O.value,disabled:E.value,required:o.required,size:o.size,autocomplete:o.autocomplete,multiple:o.multiple,"aria-invalid":R.value,"aria-describedby":d.value?C.value:void 0,"aria-errormessage":c.value?C.value:void 0}))),K=e.computed((()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue})));return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(H))},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref($)},e.toDisplayString(t.label),9,he)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",ke,[t.$slots.before?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(K))))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",Be,[e.unref(F)?(e.openBlock(),e.createBlock(V,e.mergeProps({key:0},e.unref(F),{class:"vv-select__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref($),ref_key:"selectEl",ref:u},e.unref(M),{"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(_)?_.value=t:null)}),[t.placeholder?(e.openBlock(),e.createElementBlock("option",{key:0,value:void 0,disabled:!t.unselectable,hidden:!t.unselectable},e.toDisplayString(t.placeholder),9,xe)):e.createCommentVNode("v-if",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,((t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[p(t)?(e.openBlock(),e.createElementBlock("optgroup",{key:`group-${l}`,disabled:e.unref(I)(t),label:e.unref(z)(t)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(T)(t),((t,o)=>(e.openBlock(),e.createElementBlock("option",{key:`group-${l}-item-${o}`,disabled:e.unref(I)(t),value:e.unref(j)(t)},e.toDisplayString(e.unref(z)(t)),9,Pe)))),128))],8,Le)):(e.openBlock(),e.createElementBlock("option",{key:l,disabled:e.unref(I)(t),value:e.unref(j)(t)},e.toDisplayString(e.unref(z)(t)),9,Ve))],64)))),256))],16,we),[[e.vModelSelect,e.unref(_)]]),e.unref(D)?(e.openBlock(),e.createBlock(V,e.mergeProps({key:1},e.unref(D),{class:"vv-select__icon vv-select__icon-after"}),null,16)):e.createCommentVNode("v-if",!0)]),t.$slots.after?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(K))))])):e.createCommentVNode("v-if",!0)]),e.createVNode(e.unref(s),{id:e.unref(C),class:"vv-select__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(v))))])),key:"3"}:void 0]),1032,["id"])],2))}}),Ee={...R,value:[String,Number]},Oe=e.defineComponent({name:"VvBadge",props:Ee,setup(t){const l=t,{modifiers:o}=e.toRefs(l),a=x("vv-badge",o);return(t,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a))},[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.value),1)]))],2))}}),_e=J,Ne=e.defineComponent({name:"VvAction",props:_e,emits:["click","mouseover","mouseleave"],setup(t,{expose:l,emit:o}){const a=t,n=o,r=e.getCurrentInstance(),i=w(),u=e.ref(null);l({$el:u});const{reference:s,bus:d,aria:c,expanded:v}=e.inject(k,{});e.watch((()=>u.value),(e=>{s&&(s.value=e)}));const f=e.computed((()=>a.pressed||(null==v?void 0:v.value))),{role:m}=e.inject(B,{}),b=e.computed((()=>{switch(!0){case a.disabled:return p.button;case void 0!==a.to:return(null==i?void 0:i.nuxt)?p.nuxtLink:p.routerLink;case void 0!==a.href:return p.a;default:return a.defaultTag}})),g=e.computed((()=>{const e={...null==c?void 0:c.value,ariaPressed:!!f.value||void 0,ariaLabel:a.ariaLabel,role:null==m?void 0:m.value};switch(b.value){case p.a:return{...e,href:a.href,target:a.target,rel:a.rel};case p.routerLink:case p.nuxtLink:return{...e,to:a.to,target:a.target};case p.button:return{...e,type:a.type,disabled:a.disabled};default:return e}}));function y(e){var t;a.disabled?e.preventDefault():(null==(t=null==r?void 0:r.vnode.props)?void 0:t.onClick)?n("click",e):null==d||d.emit("click",e)}function h(e){var t;(null==(t=null==r?void 0:r.vnode.props)?void 0:t.onMouseover)?n("mouseover",e):null==d||d.emit("mouseover",e)}function S(e){var t;(null==(t=null==r?void 0:r.vnode.props)?void 0:t.onMouseleave)?n("mouseleave",e):null==d||d.emit("mouseleave",e)}return(t,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(b)),e.mergeProps(e.unref(g),{ref_key:"element",ref:u,class:{active:t.active,pressed:e.unref(f),disabled:t.disabled,current:t.current},onClickPassive:y,onMouseoverPassive:h,onMouseleavePassive:S}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]))])),_:3},16,["class"]))}});const Ae={...J,...K,...R,...M,...C,...j,iconPosition:{type:String,default:d.left,validator:e=>Object.values(d).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function Fe(t,l){const{group:o,isInGroup:a,getGroupOrLocalRef:n}=function(t){const l=e.inject(t,void 0),o=e.computed((()=>void 0!==l));return{group:l,isInGroup:o,getGroupOrLocalRef:function(t,o,a){const n=null==l?void 0:l[t];if(n)return e.computed({get:()=>n.value,set(e){n.value=e}});const r=e.toRef(o,t);return e.computed({get:()=>r.value,set(e){a&&a(`update:${t}`,e)}})}}}(h),{id:r,iconPosition:i,icon:u,label:s,pressed:d}=e.toRefs(t),c=n("modelValue",t,l),v=n("toggle",t),f=n("unselectable",t),p=e.computed((()=>(null==o?void 0:o.multiple.value)??!1)),m=e.computed((()=>{let e=t.modifiers,l=null==o?void 0:o.modifiers.value;const a=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach((e=>a.add(e)))),l&&(Array.isArray(l)||(l=l.split(" ")),l.forEach((e=>a.add(e)))),Array.from(a)})),b=e.computed((()=>Boolean(t.disabled||(null==o?void 0:o.disabled.value))));return{group:o,isInGroup:a,modelValue:c,toggle:v,unselectable:f,multiple:p,modifiers:m,disabled:b,id:r,pressed:d,iconPosition:i,icon:u,label:s}}const De={key:1,class:"vv-button__label"},Re={key:1,class:"vv-button__label"},He=e.defineComponent({name:"VvButton",inheritAttrs:!1,props:Ae,emits:["update:modelValue"],setup(t,{expose:l,emit:o}){const a=t,n=o,r=e.useAttrs(),i=e.useSlots(),{id:u,modifiers:s,iconPosition:c,icon:v,label:f,modelValue:p,disabled:m,toggle:b,unselectable:g}=Fe(a,n),y=Z(u),h=e.computed((()=>(null==r?void 0:r.name)||y.value)),k=e.ref(null);l({$el:e.computed((()=>{var e;return null==(e=k.value)?void 0:e.$el}))});const S=e.computed((()=>b.value?Array.isArray(p.value)?de(h.value,p.value):ie(h.value,p.value):a.pressed)),B=x("vv-button",s,e.computed((()=>({reverse:[d.right,d.bottom].includes(c.value),column:[d.top,d.bottom].includes(c.value),"icon-only":Boolean((null==v?void 0:v.value)&&!(null==f?void 0:f.value)&&!i.default)})))),{hasIcon:w}=ge(v),L=e.computed((()=>void 0!==a.value?a.value:h.value)),P=e.computed((()=>{if(b.value)return{onClick:$}}));function $(){if(b.value){if(Array.isArray(p.value))return de(L.value,p.value)?void(g.value&&(p.value=p.value.filter((e=>e!==L.value)))):void p.value.push(L.value);if(L.value===p.value&&g.value)return void(p.value=a.uncheckedValue);p.value=L.value}}return(t,l)=>(e.openBlock(),e.createBlock(Ne,e.mergeProps({...e.unref(r),...e.unref(P),disabled:e.unref(m),pressed:e.unref(S),active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel,ariaLabel:t.ariaLabel},{id:e.unref(y),ref_key:"element",ref:k,class:e.unref(B)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default",{},(()=>[t.loading?e.renderSlot(t.$slots,"loading",{key:0},(()=>[t.loadingIcon?(e.openBlock(),e.createBlock(V,{key:0,class:"vv-button__loading-icon",name:t.loadingIcon},null,8,["name"])):e.createCommentVNode("v-if",!0),t.loadingLabel?(e.openBlock(),e.createElementBlock("span",De,e.toDisplayString(t.loadingLabel),1)):e.createCommentVNode("v-if",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"before"),e.unref(w)?(e.openBlock(),e.createBlock(V,e.mergeProps({key:0},e.unref(w),{class:"vv-button__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.unref(f)?(e.openBlock(),e.createElementBlock("span",Re,[e.renderSlot(t.$slots,"label",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(f)),1)]))])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"after")],64))]))])),_:3},16,["id","class"]))}}),ze={...W,...I,...P,...$,...H,...C,...E,...D,...R,...z,...j,...T,...q,...F,transitionName:{type:String,default:"vv-dropdown--mobile-fade-block"},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},noResultsLabel:{type:String,default:"No results"},noOptionsLabel:{type:String,default:"No options available"},selectedHintLabel:{type:String,default:"Selected"},deselectActionLabel:{type:String,default:"Deselect"},selectHintLabel:{type:String,default:"Press enter to select"},deselectHintLabel:{type:String,default:"Press enter to remove"},closeLabel:{type:String,default:"Close"},placeholder:String,searchable:Boolean,searchFunction:{type:Function,default:void 0},searchPlaceholder:{type:String,default:"Search..."},debounceSearch:{type:[Number,String],default:0},multiple:Boolean,minValues:{type:[Number,String],default:0},maxValues:[Number,String],unselectable:{type:Boolean,default:!0},separator:{type:String,default:", "},native:Boolean,badges:Boolean,badgeModifiers:{type:[String,Array],default:"action sm"},triggerWidth:{...q.triggerWidth,default:!0},dropdownModifiers:{type:[String,Array],default:"mobile"},autoOpen:{type:Boolean,default:!1},autoselectFirst:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1}};function je(){return{...ze,options:{...ze.options,type:Array},searchFunction:{...ze.searchFunction,type:Function}}}const Ie=["id"],Te=["id","for"],Me=["id","aria-controls","placeholder"],Ke={key:0,class:"vv-select__input-before"},qe={class:"vv-select__inner"},We=["aria-controls","aria-expanded","aria-labelledby","aria-describedby","aria-errormessage","tabindex"],Ge={key:0,class:"vv-select__value"},Ue=["aria-label","onClick"],Je={key:1,class:"vv-select__input-after"},Qe={name:"VvCombobox",components:{VvDropdown:te,VvDropdownOption:ae,VvDropdownOptgroup:re,VvButton:He}};return e.defineComponent({...Qe,props:je(),emits:["update:modelValue","update:search","change:search","focus","blur"],setup(t,{emit:l}){const o=t,n=l,r=e.useSlots(),i=me("VvCombobox",je(),o),u=e.ref(null),s=e.ref(null),d=e.ref(null),c=e.ref(null),{HintSlot:v,hasHintLabelOrSlot:f,hasInvalidLabelOrSlot:p,hintSlotScope:m}=ve(i,r),{focused:g}=be(u,n),{focused:y}=a.useFocusWithin(d);e.watch(g,(e=>{o.autoOpen&&(!e||S.value?e||!S.value||y.value||L():w())})),e.watch(y,(e=>{g.value||e||!S.value||L()}));const h=e.ref(""),k=a.refDebounced(h,e.computed((()=>Number(o.debounceSearch))));e.watch(k,(()=>{n("update:search",k.value),n("change:search",k.value)}));const S=e.ref(!1);function B(){q.value||(S.value=!S.value)}function w(){q.value||S.value||(S.value=!0)}function L(){!q.value&&S.value&&(S.value=!1)}function P(){i.value.searchable&&s.value&&s.value.focus({preventScroll:!0})}function $(){i.value.searchable&&(h.value="")}function C(e){var t;return"string"!=typeof e&&(null==(t=e.options)?void 0:t.length)}const{id:E,icon:O,iconPosition:_,modifiers:N,disabled:A,readonly:F,loading:D,valid:R,invalid:H,floating:z}=e.toRefs(o),j=Z(E),I=e.computed((()=>`${j.value}-hint`)),T=e.computed((()=>`${j.value}-dropdown`)),M=e.computed((()=>`${j.value}-search`)),K=e.computed((()=>`${j.value}-label`)),q=e.computed((()=>o.disabled||o.readonly)),W=e.computed((()=>q.value?-1:o.tabindex)),G=e.computed({get:()=>Array.isArray(o.modelValue)?new Set(o.modelValue):void 0!==o.modelValue&&null!==o.modelValue?new Set([o.modelValue]):new Set,set:e=>{n("update:modelValue",o.multiple?[...e]:[...e].pop())}}),U=e.computed((()=>G.value.size)),J=e.computed((()=>U.value>0)),Q=e.computed((()=>o.multiple?void 0===o.maxValues?1/0:Number(o.maxValues):1)),X=e.computed((()=>!q.value&&(!!o.unselectable&&U.value>Number(o.minValues)))),Y=e.computed((()=>!q.value&&(!o.multiple||U.value<Q.value))),ee=e.ref(!1),le=e.computed((()=>ee.value||D.value)),{hasIconBefore:oe,hasIconAfter:ne}=ge(O,_),ie=x("vv-select",N,e.computed((()=>({disabled:A.value,loading:le.value,readonly:F.value,"icon-before":void 0!==oe.value,"icon-after":void 0!==ne.value,valid:R.value,invalid:H.value,dirty:J.value,focus:g.value||y.value||S.value,floating:z.value,badges:o.badges})))),{getOptionLabel:ue,getOptionValue:se,getOptionGrouped:de,isOptionDisabled:ce}=ye(o);function fe(e){return ce(e)||!Y.value&&!he(e)}const pe=a.computedAsync((async()=>{var e;if(i.value.searchFunction){ee.value=!0;const e=await Promise.resolve(i.value.searchFunction(k.value,o.options));return ee.value=!1,e}return null==(e=o.options)?void 0:e.filter((e=>ue(e).toLowerCase().includes(k.value.toLowerCase().trim())))}));function he(e){return G.value.has(se(e))}const ke=e.computed((()=>o.options.reduce(((e,t)=>C(t)?[...e,...de(t)]:[...e,t]),[]).filter((e=>he(e))))),Se=e.computed((()=>ke.value.map((e=>ue(e))).join(o.separator)));function Be(){o.autoOpen?w():B()}function we(e){const t=he(e);t&&X.value?G.value.delete(se(e)):!t&&Y.value&&G.value.add(se(e)),G.value=new Set(G.value),o.multiple||o.keepOpen||L()}e.watch((()=>o.options),(e=>{(null==e?void 0:e.length)&&o.autoselectFirst&&!J.value&&we(e[0])}),{immediate:!0});const xe=e.computed((()=>({id:j.value,name:o.name,tabindex:W.value,valid:R.value,validLabel:i.value.validLabel,invalid:H.value,invalidLabel:i.value.invalidLabel,hintLabel:i.value.hintLabel,loading:le.value,loadingLabel:i.value.loadingLabel,disabled:A.value,readonly:F.value,modifiers:i.value.modifiers,options:i.value.options,labelKey:i.value.labelKey,valueKey:i.value.valueKey,icon:i.value.icon,iconPosition:i.value.iconPosition,floating:i.value.floating,unselectable:X.value,autoselectFirst:i.value.autoselectFirst,multiple:i.value.multiple,label:i.value.label,placeholder:i.value.placeholder,modelValue:o.modelValue}))),Ve=e.computed((()=>({id:T.value,reference:d.value,placement:i.value.placement,strategy:i.value.strategy,transitionName:i.value.transitionName,offset:i.value.offset,shift:i.value.shift,flip:i.value.flip,autoPlacement:i.value.autoPlacement,arrow:i.value.arrow,autofocusFirst:!!i.value.searchable||i.value.autofocusFirst,triggerWidth:i.value.triggerWidth,modifiers:i.value.dropdownModifiers}))),Le=e.computed((()=>({valid:o.valid,invalid:o.invalid,modelValue:o.modelValue})));return a.onKeyStroke([" ","Enter"],(e=>{o.autoOpen||!S.value&&g.value&&(e.preventDefault(),e.stopImmediatePropagation(),B())}),{target:u}),(t,l)=>t.native?(e.openBlock(),e.createBlock(Ce,e.mergeProps({key:1},e.unref(xe),{"onUpdate:modelValue":l[3]||(l[3]=e=>n("update:modelValue",e))}),null,16)):(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(j),class:e.normalizeClass(e.unref(ie))},[t.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:e.unref(K),for:e.unref(i).searchable?e.unref(M):void 0},e.toDisplayString(t.label),9,Te)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",{ref_key:"wrapperEl",ref:d,class:"vv-select__wrapper"},[e.createVNode(te,e.mergeProps({ref_key:"dropdownEl",ref:c,modelValue:e.unref(S),"onUpdate:modelValue":l[2]||(l[2]=t=>e.isRef(S)?S.value=t:null)},e.unref(Ve),{role:e.unref(b).listbox,onAfterExpand:P,onAfterCollapse:$}),e.createSlots({default:e.withCtx((({aria:l})=>[t.$slots.before?(e.openBlock(),e.createElementBlock("div",Ke,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(Le))))])):e.createCommentVNode("v-if",!0),e.createElementVNode("div",qe,[e.unref(oe)?(e.openBlock(),e.createBlock(V,e.mergeProps({key:0},e.unref(oe),{class:"vv-select__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",e.mergeProps({ref_key:"inputEl",ref:u},l,{class:"vv-select__input",role:"combobox","aria-controls":e.unref(T),"aria-expanded":e.unref(S),"aria-labelledby":e.unref(K),"aria-describedby":e.unref(f)?e.unref(I):void 0,"aria-errormessage":e.unref(p)?e.unref(I):void 0,tabindex:e.unref(W),onClickPassive:Be}),[e.renderSlot(t.$slots,"value",e.normalizeProps(e.guardReactiveProps({selectedOptions:e.unref(ke),onInput:we})),(()=>[e.unref(Se)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.badges?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(e.unref(ke),((l,o)=>(e.openBlock(),e.createBlock(Oe,{key:o,modifiers:t.badgeModifiers,class:"vv-select__badge"},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(e.unref(ue)(l))+" ",1),e.unref(X)?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(i).deselectActionLabel,type:"button",onClick:e.withModifiers((e=>we(l)),["stop"])},[e.createVNode(V,{name:"close"})],8,Ue)):e.createCommentVNode("v-if",!0)])),_:2},1032,["modifiers"])))),128)):(e.openBlock(),e.createElementBlock("div",Ge,e.toDisplayString(e.unref(Se)),1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.placeholder),1)],64))]))],16,We),e.unref(ne)?(e.openBlock(),e.createBlock(V,e.mergeProps({key:1},e.unref(ne),{class:"vv-select__icon vv-select__icon-after"}),null,16)):e.createCommentVNode("v-if",!0)]),t.$slots.after?(e.openBlock(),e.createElementBlock("div",Je,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(Le))))])):e.createCommentVNode("v-if",!0)])),items:e.withCtx((()=>{var l;return[!e.unref(A)&&(null==(l=e.unref(pe))?void 0:l.length)?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(pe),((l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o},[C(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(re,{label:e.unref(ue)(l)},null,8,["label"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(de)(l),((o,a)=>(e.openBlock(),e.createBlock(ae,e.mergeProps({ref_for:!0},{selected:he(o),disabled:fe(o),unselectable:e.unref(X),deselectHintLabel:e.unref(i).deselectHintLabel,selectHintLabel:e.unref(i).selectHintLabel,selectedHintLabel:e.unref(i).selectedHintLabel},{key:a,class:"vv-dropdown-option","focus-on-hover":"",onClickPassive:e=>we(o)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"option",e.mergeProps({ref_for:!0},{option:l,selectedOptions:e.unref(ke),selected:he(o),disabled:fe(o)}),(()=>[e.createTextVNode(e.toDisplayString(e.unref(ue)(o)),1)]))])),_:2},1040,["onClickPassive"])))),128))],64)):(e.openBlock(),e.createBlock(ae,e.mergeProps({key:1,ref_for:!0},{selected:he(l),disabled:fe(l),unselectable:e.unref(X),deselectHintLabel:e.unref(i).deselectHintLabel,selectHintLabel:e.unref(i).selectHintLabel,selectedHintLabel:e.unref(i).selectedHintLabel},{class:"vv-dropdown-option","focus-on-hover":"",onClickPassive:e=>we(l)}),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"option",e.mergeProps({ref_for:!0},{option:l,selectedOptions:e.unref(ke),selected:he(l),disabled:fe(l)}),(()=>[e.createTextVNode(e.toDisplayString(e.unref(ue)(l)),1)]))])),_:2},1040,["onClickPassive"]))],64)))),128)):t.options.length?e.unref(A)?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createBlock(ae,{key:2,modifiers:"inert"},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"no-results",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(i).noResultsLabel),1)]))])),_:3})):(e.openBlock(),e.createBlock(ae,{key:1,modifiers:"inert"},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"no-options",{},(()=>[e.createTextVNode(e.toDisplayString(e.unref(i).noOptionsLabel),1)]))])),_:3}))]})),after:e.withCtx((()=>[e.renderSlot(t.$slots,"dropdown::after",{},(()=>{var t;return[(null==(t=e.unref(c))?void 0:t.customPosition)?(e.openBlock(),e.createBlock(He,{key:0,label:e.unref(i).closeLabel,modifiers:"secondary",onClick:l[1]||(l[1]=t=>e.unref(c).hide())},null,8,["label"])):e.createCommentVNode("v-if",!0)]}))])),_:2},[e.unref(i).searchable||t.$slots["dropdown::before"]?{name:"before",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"dropdown::before"),e.unref(i).searchable&&!e.unref(A)?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:e.unref(M),ref_key:"inputSearchEl",ref:s,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(h)?h.value=t:null),"aria-autocomplete":"list","aria-controls":e.unref(T),autocomplete:"off",spellcheck:"false",type:"search",class:"vv-dropdown__search",placeholder:e.unref(i).searchPlaceholder},null,8,Me)),[[e.vModelText,e.unref(h)]]):e.createCommentVNode("v-if",!0)])),key:"0"}:void 0]),1040,["modelValue","role"])],512),e.createVNode(e.unref(v),{id:e.unref(I),class:"vv-select__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(m))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(m))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(m))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(m))))])),key:"3"}:void 0]),1032,["id"])],10,Ie))}})}));
|
|
@@ -151,6 +151,7 @@ declare const _default: <T extends string | Option>(__VLS_props: {
|
|
|
151
151
|
deselectHintLabel?: string | undefined;
|
|
152
152
|
selectHintLabel?: string | undefined;
|
|
153
153
|
selectedHintLabel?: string | undefined;
|
|
154
|
+
autoselectFirst?: boolean | undefined;
|
|
154
155
|
readonly placeholder?: string | undefined;
|
|
155
156
|
"onUpdate:search"?: ((args_0: string) => any) | undefined;
|
|
156
157
|
"onChange:search"?: ((args_0: string) => any) | undefined;
|
|
@@ -161,6 +162,7 @@ declare const _default: <T extends string | Option>(__VLS_props: {
|
|
|
161
162
|
searchable?: boolean | undefined;
|
|
162
163
|
searchPlaceholder?: string | undefined;
|
|
163
164
|
debounceSearch?: string | number | undefined;
|
|
165
|
+
minValues?: string | number | undefined;
|
|
164
166
|
readonly maxValues?: string | number | undefined;
|
|
165
167
|
separator?: string | undefined;
|
|
166
168
|
native?: boolean | undefined;
|
|
@@ -380,6 +382,7 @@ declare const _default: <T extends string | Option>(__VLS_props: {
|
|
|
380
382
|
deselectHintLabel?: string | undefined;
|
|
381
383
|
selectHintLabel?: string | undefined;
|
|
382
384
|
selectedHintLabel?: string | undefined;
|
|
385
|
+
autoselectFirst?: boolean | undefined;
|
|
383
386
|
readonly placeholder?: string | undefined;
|
|
384
387
|
"onUpdate:search"?: ((args_0: string) => any) | undefined;
|
|
385
388
|
"onChange:search"?: ((args_0: string) => any) | undefined;
|
|
@@ -390,6 +393,7 @@ declare const _default: <T extends string | Option>(__VLS_props: {
|
|
|
390
393
|
searchable?: boolean | undefined;
|
|
391
394
|
searchPlaceholder?: string | undefined;
|
|
392
395
|
debounceSearch?: string | number | undefined;
|
|
396
|
+
minValues?: string | number | undefined;
|
|
393
397
|
readonly maxValues?: string | number | undefined;
|
|
394
398
|
separator?: string | undefined;
|
|
395
399
|
native?: boolean | undefined;
|
|
@@ -613,6 +617,7 @@ declare const _default: <T extends string | Option>(__VLS_props: {
|
|
|
613
617
|
deselectHintLabel?: string | undefined;
|
|
614
618
|
selectHintLabel?: string | undefined;
|
|
615
619
|
selectedHintLabel?: string | undefined;
|
|
620
|
+
autoselectFirst?: boolean | undefined;
|
|
616
621
|
readonly placeholder?: string | undefined;
|
|
617
622
|
"onUpdate:search"?: ((args_0: string) => any) | undefined;
|
|
618
623
|
"onChange:search"?: ((args_0: string) => any) | undefined;
|
|
@@ -623,6 +628,7 @@ declare const _default: <T extends string | Option>(__VLS_props: {
|
|
|
623
628
|
searchable?: boolean | undefined;
|
|
624
629
|
searchPlaceholder?: string | undefined;
|
|
625
630
|
debounceSearch?: string | number | undefined;
|
|
631
|
+
minValues?: string | number | undefined;
|
|
626
632
|
readonly maxValues?: string | number | undefined;
|
|
627
633
|
separator?: string | undefined;
|
|
628
634
|
native?: boolean | undefined;
|
|
@@ -108,10 +108,25 @@ export declare const VvComboboxProps: {
|
|
|
108
108
|
* Manage modelValue as string[] or object[]
|
|
109
109
|
*/
|
|
110
110
|
multiple: BooleanConstructor;
|
|
111
|
+
/**
|
|
112
|
+
* The min number of selected values
|
|
113
|
+
*/
|
|
114
|
+
minValues: {
|
|
115
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
116
|
+
default: number;
|
|
117
|
+
};
|
|
111
118
|
/**
|
|
112
119
|
* The max number of selected values
|
|
113
120
|
*/
|
|
114
121
|
maxValues: (StringConstructor | NumberConstructor)[];
|
|
122
|
+
/**
|
|
123
|
+
* If true the input will be unselectable
|
|
124
|
+
* @deprecated use minValues instead
|
|
125
|
+
*/
|
|
126
|
+
unselectable: {
|
|
127
|
+
type: BooleanConstructor;
|
|
128
|
+
default: boolean;
|
|
129
|
+
};
|
|
115
130
|
/**
|
|
116
131
|
* The select label separator visible to the user
|
|
117
132
|
*/
|
|
@@ -155,6 +170,13 @@ export declare const VvComboboxProps: {
|
|
|
155
170
|
type: BooleanConstructor;
|
|
156
171
|
default: boolean;
|
|
157
172
|
};
|
|
173
|
+
/**
|
|
174
|
+
* Select first option automatically
|
|
175
|
+
*/
|
|
176
|
+
autoselectFirst: {
|
|
177
|
+
type: BooleanConstructor;
|
|
178
|
+
default: boolean;
|
|
179
|
+
};
|
|
158
180
|
/**
|
|
159
181
|
* Keep open dropdown on single select
|
|
160
182
|
*/
|
|
@@ -314,10 +336,6 @@ export declare const VvComboboxProps: {
|
|
|
314
336
|
type: BooleanConstructor;
|
|
315
337
|
default: boolean;
|
|
316
338
|
};
|
|
317
|
-
unselectable: {
|
|
318
|
-
type: BooleanConstructor;
|
|
319
|
-
default: boolean;
|
|
320
|
-
};
|
|
321
339
|
floating: {
|
|
322
340
|
type: BooleanConstructor;
|
|
323
341
|
default: boolean;
|
|
@@ -333,9 +351,7 @@ export declare const VvComboboxProps: {
|
|
|
333
351
|
};
|
|
334
352
|
options: {
|
|
335
353
|
type: PropType<(string | Option)[]>;
|
|
336
|
-
default: () => never[];
|
|
337
|
-
* Show native select
|
|
338
|
-
*/
|
|
354
|
+
default: () => never[];
|
|
339
355
|
};
|
|
340
356
|
labelKey: {
|
|
341
357
|
type: (StringConstructor | FunctionConstructor)[];
|
|
@@ -360,9 +376,7 @@ export declare const VvComboboxProps: {
|
|
|
360
376
|
disabled: {
|
|
361
377
|
type: BooleanConstructor;
|
|
362
378
|
default: boolean;
|
|
363
|
-
};
|
|
364
|
-
* Label for select option hint
|
|
365
|
-
*/
|
|
379
|
+
};
|
|
366
380
|
loading: {
|
|
367
381
|
type: BooleanConstructor;
|
|
368
382
|
default: boolean;
|
|
@@ -378,7 +392,9 @@ export declare const VvComboboxProps: {
|
|
|
378
392
|
invalid: {
|
|
379
393
|
type: BooleanConstructor;
|
|
380
394
|
default: boolean;
|
|
381
|
-
};
|
|
395
|
+
}; /**
|
|
396
|
+
* Label for no search results
|
|
397
|
+
*/
|
|
382
398
|
invalidLabel: {
|
|
383
399
|
type: (ArrayConstructor | StringConstructor)[];
|
|
384
400
|
default: undefined;
|
|
@@ -404,9 +420,7 @@ export declare const VvComboboxProps: {
|
|
|
404
420
|
export declare function useVvComboboxProps<T extends Option | string>(): {
|
|
405
421
|
options: {
|
|
406
422
|
type: PropType<T[]>;
|
|
407
|
-
default: () => never[];
|
|
408
|
-
* Show native select
|
|
409
|
-
*/
|
|
423
|
+
default: () => never[];
|
|
410
424
|
};
|
|
411
425
|
searchFunction: {
|
|
412
426
|
type: PropType<(search: string, options: T[]) => T[] | Promise<T[]>>;
|
|
@@ -501,10 +515,25 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
|
|
|
501
515
|
* Manage modelValue as string[] or object[]
|
|
502
516
|
*/
|
|
503
517
|
multiple: BooleanConstructor;
|
|
518
|
+
/**
|
|
519
|
+
* The min number of selected values
|
|
520
|
+
*/
|
|
521
|
+
minValues: {
|
|
522
|
+
type: (StringConstructor | NumberConstructor)[];
|
|
523
|
+
default: number;
|
|
524
|
+
};
|
|
504
525
|
/**
|
|
505
526
|
* The max number of selected values
|
|
506
527
|
*/
|
|
507
528
|
maxValues: (StringConstructor | NumberConstructor)[];
|
|
529
|
+
/**
|
|
530
|
+
* If true the input will be unselectable
|
|
531
|
+
* @deprecated use minValues instead
|
|
532
|
+
*/
|
|
533
|
+
unselectable: {
|
|
534
|
+
type: BooleanConstructor;
|
|
535
|
+
default: boolean;
|
|
536
|
+
};
|
|
508
537
|
/**
|
|
509
538
|
* The select label separator visible to the user
|
|
510
539
|
*/
|
|
@@ -548,6 +577,13 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
|
|
|
548
577
|
type: BooleanConstructor;
|
|
549
578
|
default: boolean;
|
|
550
579
|
};
|
|
580
|
+
/**
|
|
581
|
+
* Select first option automatically
|
|
582
|
+
*/
|
|
583
|
+
autoselectFirst: {
|
|
584
|
+
type: BooleanConstructor;
|
|
585
|
+
default: boolean;
|
|
586
|
+
};
|
|
551
587
|
/**
|
|
552
588
|
* Keep open dropdown on single select
|
|
553
589
|
*/
|
|
@@ -707,10 +743,6 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
|
|
|
707
743
|
type: BooleanConstructor;
|
|
708
744
|
default: boolean;
|
|
709
745
|
};
|
|
710
|
-
unselectable: {
|
|
711
|
-
type: BooleanConstructor;
|
|
712
|
-
default: boolean;
|
|
713
|
-
};
|
|
714
746
|
floating: {
|
|
715
747
|
type: BooleanConstructor;
|
|
716
748
|
default: boolean;
|
|
@@ -747,9 +779,7 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
|
|
|
747
779
|
disabled: {
|
|
748
780
|
type: BooleanConstructor;
|
|
749
781
|
default: boolean;
|
|
750
|
-
};
|
|
751
|
-
* Label for select option hint
|
|
752
|
-
*/
|
|
782
|
+
};
|
|
753
783
|
loading: {
|
|
754
784
|
type: BooleanConstructor;
|
|
755
785
|
default: boolean;
|
|
@@ -765,7 +795,9 @@ export declare function useVvComboboxProps<T extends Option | string>(): {
|
|
|
765
795
|
invalid: {
|
|
766
796
|
type: BooleanConstructor;
|
|
767
797
|
default: boolean;
|
|
768
|
-
};
|
|
798
|
+
}; /**
|
|
799
|
+
* Label for no search results
|
|
800
|
+
*/
|
|
769
801
|
invalidLabel: {
|
|
770
802
|
type: (ArrayConstructor | StringConstructor)[];
|
|
771
803
|
default: undefined;
|
|
@@ -926,21 +926,30 @@ function useOptions(props) {
|
|
|
926
926
|
if (typeof option === "string") {
|
|
927
927
|
return option;
|
|
928
928
|
}
|
|
929
|
+
if (typeof labelKey.value === "function") {
|
|
930
|
+
return labelKey.value(option);
|
|
931
|
+
}
|
|
929
932
|
return String(
|
|
930
|
-
|
|
933
|
+
labelKey.value ? get(option, labelKey.value) : option
|
|
931
934
|
);
|
|
932
935
|
};
|
|
933
936
|
const getOptionValue = (option) => {
|
|
934
937
|
if (typeof option === "string") {
|
|
935
938
|
return option;
|
|
936
939
|
}
|
|
937
|
-
|
|
940
|
+
if (typeof valueKey.value === "function") {
|
|
941
|
+
return valueKey.value(option);
|
|
942
|
+
}
|
|
943
|
+
return valueKey.value ? get(option, valueKey.value) : option;
|
|
938
944
|
};
|
|
939
945
|
const isOptionDisabled = (option) => {
|
|
940
946
|
if (typeof option === "string") {
|
|
941
947
|
return false;
|
|
942
948
|
}
|
|
943
|
-
|
|
949
|
+
if (typeof disabledKey.value === "function") {
|
|
950
|
+
return disabledKey.value(option);
|
|
951
|
+
}
|
|
952
|
+
return disabledKey.value ? get(option, disabledKey.value) : false;
|
|
944
953
|
};
|
|
945
954
|
const getOptionGrouped = (option) => {
|
|
946
955
|
if (typeof option == "string") {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("uid"),require("@vueuse/core"),require("ts-dot-prop")):"function"==typeof define&&define.amd?define(["vue","uid","@vueuse/core","ts-dot-prop"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadioGroup=t(e.vue,e.uid,e.core,e.tsDotProp)}(this,(function(e,t,l,o){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const d=Symbol.for("volver"),s=Symbol.for("radioGroup");function v(e,t,l){return l?c(e,l)===c(t,l):f(e,t)}function f(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),o=Array.isArray(t);let a,n,i;if(l&&o){if(n=e.length,n!==t.length)return!1;for(a=n;0!=a--;)if(!f(e[a],t[a]))return!1;return!0}if(l!==o)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===t.getTime();const d=e instanceof RegExp,s=t instanceof RegExp;if(d!==s)return!1;if(d&&s)return e.toString()===t.toString();const v=Object.keys(e);if(n=v.length,n!==Object.keys(t).length)return!1;for(a=n;0!=a--;)if(!Object.prototype.hasOwnProperty.call(t,v[a]))return!1;for(a=n;0!=a--;)if(i=v[a],!f(e[i],t[i]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function c(e,t){if(e&&Object.keys(e).length&&t){if(t.includes(".")){const l=t.split(".");let o=e;for(let t=0,a=l.length;t<a;++t){if(null==e)return null;o=o[l[t]]}return o}return e[t]}return null}function p(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}function m(t,l){const o=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>p(o.value.invalidLabel))),n=e.computed((()=>p(o.value.validLabel))),i=e.computed((()=>o.value.loadingLabel)),r=e.computed((()=>o.value.hintLabel)),u=e.computed((()=>Boolean(o.value.loading&&(l.loading||i.value)))),d=e.computed((()=>!u.value&&Boolean(o.value.invalid&&(l.invalid||a.value)))),s=e.computed((()=>!u.value&&!d.value&&Boolean(o.value.valid&&(l.valid||n.value)))),v=e.computed((()=>!u.value&&!d.value&&!s.value&&Boolean(l.hint||r.value))),f=e.computed((()=>d.value||s.value||u.value||v.value)),c=e.computed((()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading}))),m=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:a,validLabel:n,loadingLabel:i,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){var t,l,o,a,n,i,r,u;if(this.isVisible){let d;return this.hasInvalidLabelOrSlot&&(d="alert"),this.hasValidLabelOrSlot&&(d="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:d},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:d},(null==(a=(o=this.$slots).invalid)?void 0:a.call(o))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(i=(n=this.$slots).valid)?void 0:i.call(n))??this.validLabel):e.h(this.tag,{role:d},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hintSlotScope:c,HintSlot:m}}const b={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},g={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},y={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},h={disabled:{type:Boolean,default:!1}},S=(Boolean,Boolean,Boolean,{label:{type:[String,Number],default:void 0}}),L={readonly:{type:Boolean,default:!1}},B={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},O={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};i.before;const V={tabindex:{type:[String,Number],default:0}},$={id:[String,Number]};n.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const R={...{...$,name:{type:String,required:!0}},...V,...b,...g,...k,...h,...L,...B,...S,...y,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},x={...b,...g,...O,...k,...h,...L,...B,...S,...y,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}};r.button,u.button,a.local;const N=R;function A(t,l){const{id:o}=e.toRefs(t),{group:a,isInGroup:n,getGroupOrLocalRef:i}=function(t){const l=e.inject(t,void 0),o=e.computed((()=>void 0!==l));return{group:l,isInGroup:o,getGroupOrLocalRef:function(t,o,a){const n=null==l?void 0:l[t];if(n)return e.computed({get:()=>n.value,set(e){n.value=e}});const i=e.toRef(o,t);return e.computed({get:()=>i.value,set(e){a&&a(`update:${t}`,e)}})}}}(s),r=i("modelValue",t,l),u=i("valid",t),d=i("invalid",t),v=e.computed((()=>Boolean(t.readonly||(null==a?void 0:a.readonly.value)))),f=e.computed((()=>Boolean(t.disabled||(null==a?void 0:a.disabled.value))));return{id:o,group:a,isInGroup:n,modelValue:r,valid:u,invalid:d,readonly:v,disabled:f}}function P(t,l,o){const a=e.inject(d),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return o;const e=n.value,t=l,a=o;return Object.keys(t).reduce(((l,o)=>{const n=a[o];if(l[o]=n,o in e){if(Array.isArray(t[o])){const a=t[o];if(a.length){a[0]===n&&(l[o]=e[o])}}if("function"==typeof t[o]){(0,t[o])()===n&&(l[o]=e[o])}if("object"==typeof t[o]){let a=t[o].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(l[o]=e[o]):a===n&&(l[o]=e[o])}}return l}),{})}))}function j(t,l,o){return e.computed((()=>{const a={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(a[`${t}--${e}`]=!0)})),o&&Object.keys(o.value).forEach((l=>{a[`${t}--${l}`]=e.unref(o.value[l])})),a}))}const C=["for"],_=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"],w=e.defineComponent({name:"VvRadio",props:N,emits:["click","update:modelValue","change","blur"],setup(l,{emit:o}){const a=l,n=o,i=e.useSlots(),r=P("VvRadio",N,a),{id:u,disabled:d,readonly:s,modelValue:f,valid:c,invalid:p}=A(a,n),b=function(l){return e.computed((()=>String((null==l?void 0:l.value)||t.uid())))}(u),g=e.computed((()=>`${b.value}-hint`)),y=e.computed((()=>S.value?-1:a.tabindex)),h=e.ref(),S=e.computed((()=>d.value||s.value)),L=e.computed((()=>!0===p.value||!0!==c.value&&void 0)),B=e.computed((()=>Array.isArray(f.value)?function(e,t){if(null!=e&&t&&t.length)for(const l of t)if(v(e,l))return!0;return!1}(a.value,f.value):v(a.value,f.value))),k=e.computed((()=>!["string","number","boolean"].includes(typeof a.value)||a.value)),O=e.computed({get:()=>B.value?k.value:null,set(e){Array.isArray(f.value)?f.value=[a.value]:f.value=a.value,n("change",e)}}),{modifiers:V}=e.toRefs(a),$=j("vv-radio",V,e.computed((()=>({valid:c.value,invalid:p.value,disabled:d.value,readonly:s.value})))),{HintSlot:R,hasHintLabelOrSlot:x,hasInvalidLabelOrSlot:w,hintSlotScope:z}=m(r,i);return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref($)),for:e.unref(b)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(b),ref_key:"input",ref:h,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(O)?O.value=t:null),type:"radio",class:"vv-radio__input",name:t.name,disabled:e.unref(S),value:e.unref(k),tabindex:e.unref(y),"aria-invalid":e.unref(L),"aria-describedby":e.unref(x)?e.unref(g):void 0,"aria-errormessage":e.unref(w)?e.unref(g):void 0},null,8,_),[[e.vModelRadio,e.unref(O)]]),e.renderSlot(t.$slots,"default",{value:e.unref(f)},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)])),e.createVNode(e.unref(R),{id:e.unref(g),class:"vv-radio__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"3"}:void 0]),1032,["id"])],10,C))}}),z=x;const E=["textContent"],G={class:"vv-radio-group__wrapper"};return e.defineComponent({name:"VvRadioGroup",props:z,emits:["update:modelValue","change"],setup(t,{emit:a}){const n=t,i=a,r=e.useSlots(),u=P("VvRadioGroup",z,n),d=l.useVModel(n,"modelValue",i),{disabled:v,readonly:f,vertical:c,valid:p,invalid:b,modifiers:g}=e.toRefs(n);var y,h;y=s,h={modelValue:d,disabled:v,readonly:f,valid:p,invalid:b},e.provide(y,h);const{getOptionLabel:S,getOptionValue:L}=function(t){const{options:l,labelKey:a,valueKey:n,disabledKey:i}=e.toRefs(t);return{options:l,getOptionLabel:e=>"string"==typeof e?e:String("function"==typeof a.value?a.value(e):o.get(e,a.value)),getOptionValue:e=>"string"==typeof e?e:"function"==typeof n.value?n.value(e):o.get(e,n.value),isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof i.value?i.value(e):o.get(e,i.value)),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}(n),B=j("vv-radio-group",g,e.computed((()=>({disabled:v.value,readonly:f.value,horizontal:!c.value,valid:p.value,invalid:b.value}))));const{HintSlot:k,hintSlotScope:O}=m(u,r);return(t,l)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(B))},[t.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(t.label)},null,8,E)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",G,[t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,((t,l)=>(e.openBlock(),e.createBlock(w,e.mergeProps({key:l,ref_for:!0},function(e,t){return{id:`${n.name}_opt${t}`,name:n.name,label:S(e),value:L(e)}}(t,l)),null,16)))),128)):e.renderSlot(t.$slots,"default",{key:1})]),e.createVNode(e.unref(k),{class:"vv-radio-group__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"3"}:void 0]),1024)],2))}})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("uid"),require("@vueuse/core"),require("ts-dot-prop")):"function"==typeof define&&define.amd?define(["vue","uid","@vueuse/core","ts-dot-prop"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvRadioGroup=t(e.vue,e.uid,e.core,e.tsDotProp)}(this,(function(e,t,l,o){"use strict";var a=(e=>(e.local="local",e.session="session",e))(a||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),i=(e=>(e.before="before",e.after="after",e))(i||{}),r=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(r||{}),u=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(u||{});const d=Symbol.for("volver"),s=Symbol.for("radioGroup");function v(e,t,l){return l?c(e,l)===c(t,l):f(e,t)}function f(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const l=Array.isArray(e),o=Array.isArray(t);let a,n,i;if(l&&o){if(n=e.length,n!==t.length)return!1;for(a=n;0!=a--;)if(!f(e[a],t[a]))return!1;return!0}if(l!==o)return!1;const r=e instanceof Date,u=t instanceof Date;if(r!==u)return!1;if(r&&u)return e.getTime()===t.getTime();const d=e instanceof RegExp,s=t instanceof RegExp;if(d!==s)return!1;if(d&&s)return e.toString()===t.toString();const v=Object.keys(e);if(n=v.length,n!==Object.keys(t).length)return!1;for(a=n;0!=a--;)if(!Object.prototype.hasOwnProperty.call(t,v[a]))return!1;for(a=n;0!=a--;)if(i=v[a],!f(e[i],t[i]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function c(e,t){if(e&&Object.keys(e).length&&t){if(t.includes(".")){const l=t.split(".");let o=e;for(let t=0,a=l.length;t<a;++t){if(null==e)return null;o=o[l[t]]}return o}return e[t]}return null}function p(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}function m(t,l){const o=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>p(o.value.invalidLabel))),n=e.computed((()=>p(o.value.validLabel))),i=e.computed((()=>o.value.loadingLabel)),r=e.computed((()=>o.value.hintLabel)),u=e.computed((()=>Boolean(o.value.loading&&(l.loading||i.value)))),d=e.computed((()=>!u.value&&Boolean(o.value.invalid&&(l.invalid||a.value)))),s=e.computed((()=>!u.value&&!d.value&&Boolean(o.value.valid&&(l.valid||n.value)))),v=e.computed((()=>!u.value&&!d.value&&!s.value&&Boolean(l.hint||r.value))),f=e.computed((()=>d.value||s.value||u.value||v.value)),c=e.computed((()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading}))),m=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:a,validLabel:n,loadingLabel:i,hintLabel:r,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}),render(){var t,l,o,a,n,i,r,u;if(this.isVisible){let d;return this.hasInvalidLabelOrSlot&&(d="alert"),this.hasValidLabelOrSlot&&(d="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:d},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:d},(null==(a=(o=this.$slots).invalid)?void 0:a.call(o))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(i=(n=this.$slots).valid)?void 0:i.call(n))??this.validLabel):e.h(this.tag,{role:d},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:s,hasLoadingLabelOrSlot:u,hintSlotScope:c,HintSlot:m}}const b={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},g={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},y={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},h={disabled:{type:Boolean,default:!1}},S=(Boolean,Boolean,Boolean,{label:{type:[String,Number],default:void 0}}),L={readonly:{type:Boolean,default:!1}},B={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},O={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};i.before;const V={tabindex:{type:[String,Number],default:0}},$={id:[String,Number]};n.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const R={...{...$,name:{type:String,required:!0}},...V,...b,...g,...k,...h,...L,...B,...S,...y,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},x={...b,...g,...O,...k,...h,...L,...B,...S,...y,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}};r.button,u.button,a.local;const N=R;function A(t,l){const{id:o}=e.toRefs(t),{group:a,isInGroup:n,getGroupOrLocalRef:i}=function(t){const l=e.inject(t,void 0),o=e.computed((()=>void 0!==l));return{group:l,isInGroup:o,getGroupOrLocalRef:function(t,o,a){const n=null==l?void 0:l[t];if(n)return e.computed({get:()=>n.value,set(e){n.value=e}});const i=e.toRef(o,t);return e.computed({get:()=>i.value,set(e){a&&a(`update:${t}`,e)}})}}}(s),r=i("modelValue",t,l),u=i("valid",t),d=i("invalid",t),v=e.computed((()=>Boolean(t.readonly||(null==a?void 0:a.readonly.value)))),f=e.computed((()=>Boolean(t.disabled||(null==a?void 0:a.disabled.value))));return{id:o,group:a,isInGroup:n,modelValue:r,valid:u,invalid:d,readonly:v,disabled:f}}function P(t,l,o){const a=e.inject(d),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return o;const e=n.value,t=l,a=o;return Object.keys(t).reduce(((l,o)=>{const n=a[o];if(l[o]=n,o in e){if(Array.isArray(t[o])){const a=t[o];if(a.length){a[0]===n&&(l[o]=e[o])}}if("function"==typeof t[o]){(0,t[o])()===n&&(l[o]=e[o])}if("object"==typeof t[o]){let a=t[o].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(l[o]=e[o]):a===n&&(l[o]=e[o])}}return l}),{})}))}function j(t,l,o){return e.computed((()=>{const a={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(a[`${t}--${e}`]=!0)})),o&&Object.keys(o.value).forEach((l=>{a[`${t}--${l}`]=e.unref(o.value[l])})),a}))}const C=["for"],_=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"],w=e.defineComponent({name:"VvRadio",props:N,emits:["click","update:modelValue","change","blur"],setup(l,{emit:o}){const a=l,n=o,i=e.useSlots(),r=P("VvRadio",N,a),{id:u,disabled:d,readonly:s,modelValue:f,valid:c,invalid:p}=A(a,n),b=function(l){return e.computed((()=>String((null==l?void 0:l.value)||t.uid())))}(u),g=e.computed((()=>`${b.value}-hint`)),y=e.computed((()=>S.value?-1:a.tabindex)),h=e.ref(),S=e.computed((()=>d.value||s.value)),L=e.computed((()=>!0===p.value||!0!==c.value&&void 0)),B=e.computed((()=>Array.isArray(f.value)?function(e,t){if(null!=e&&t&&t.length)for(const l of t)if(v(e,l))return!0;return!1}(a.value,f.value):v(a.value,f.value))),k=e.computed((()=>!["string","number","boolean"].includes(typeof a.value)||a.value)),O=e.computed({get:()=>B.value?k.value:null,set(e){Array.isArray(f.value)?f.value=[a.value]:f.value=a.value,n("change",e)}}),{modifiers:V}=e.toRefs(a),$=j("vv-radio",V,e.computed((()=>({valid:c.value,invalid:p.value,disabled:d.value,readonly:s.value})))),{HintSlot:R,hasHintLabelOrSlot:x,hasInvalidLabelOrSlot:w,hintSlotScope:z}=m(r,i);return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref($)),for:e.unref(b)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(b),ref_key:"input",ref:h,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(O)?O.value=t:null),type:"radio",class:"vv-radio__input",name:t.name,disabled:e.unref(S),value:e.unref(k),tabindex:e.unref(y),"aria-invalid":e.unref(L),"aria-describedby":e.unref(x)?e.unref(g):void 0,"aria-errormessage":e.unref(w)?e.unref(g):void 0},null,8,_),[[e.vModelRadio,e.unref(O)]]),e.renderSlot(t.$slots,"default",{value:e.unref(f)},(()=>[e.createTextVNode(e.toDisplayString(t.label),1)])),e.createVNode(e.unref(R),{id:e.unref(g),class:"vv-radio__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(z))))])),key:"3"}:void 0]),1032,["id"])],10,C))}}),z=x;const E=["textContent"],G={class:"vv-radio-group__wrapper"};return e.defineComponent({name:"VvRadioGroup",props:z,emits:["update:modelValue","change"],setup(t,{emit:a}){const n=t,i=a,r=e.useSlots(),u=P("VvRadioGroup",z,n),d=l.useVModel(n,"modelValue",i),{disabled:v,readonly:f,vertical:c,valid:p,invalid:b,modifiers:g}=e.toRefs(n);var y,h;y=s,h={modelValue:d,disabled:v,readonly:f,valid:p,invalid:b},e.provide(y,h);const{getOptionLabel:S,getOptionValue:L}=function(t){const{options:l,labelKey:a,valueKey:n,disabledKey:i}=e.toRefs(t);return{options:l,getOptionLabel:e=>"string"==typeof e?e:"function"==typeof a.value?a.value(e):String(a.value?o.get(e,a.value):e),getOptionValue:e=>"string"==typeof e?e:"function"==typeof n.value?n.value(e):n.value?o.get(e,n.value):e,isOptionDisabled:e=>"string"!=typeof e&&("function"==typeof i.value?i.value(e):!!i.value&&o.get(e,i.value)),getOptionGrouped:e=>"string"==typeof e?[]:"object"==typeof e&&e&&"options"in e?e.options:[]}}(n),B=j("vv-radio-group",g,e.computed((()=>({disabled:v.value,readonly:f.value,horizontal:!c.value,valid:p.value,invalid:b.value}))));const{HintSlot:k,hintSlotScope:O}=m(u,r);return(t,l)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(B))},[t.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(t.label)},null,8,E)):e.createCommentVNode("v-if",!0),e.createElementVNode("div",G,[t.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.options,((t,l)=>(e.openBlock(),e.createBlock(w,e.mergeProps({key:l,ref_for:!0},function(e,t){return{id:`${n.name}_opt${t}`,name:n.name,label:S(e),value:L(e)}}(t,l)),null,16)))),128)):e.renderSlot(t.$slots,"default",{key:1})]),e.createVNode(e.unref(k),{class:"vv-radio-group__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(O))))])),key:"3"}:void 0]),1024)],2))}})}));
|