@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js

@@ -1 +1 @@
-(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue"),require("@vueuse/core"),require("dot-prop")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","dot-prop"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckboxGroup=m(e.Vue,e.VueuseCore,e.dotProp))})(this,function(e,m,w){var ae={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},z=(function(t){return t.local="local",t.session="session",t})({}),oe=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),H=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),ne=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),K=(function(t){return t.before="before",t.after="after",t})({}),F=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),le=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),ie=Symbol.for("volver"),T=Symbol.for("checkGroup"),se={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},_={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},x={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},R={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},V={disabled:{type:Boolean,default:!1}},M={required:{type:Boolean,default:!1}},ue={active:{type:Boolean,default:!1}},de={current:{type:Boolean,default:!1}},Ue={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:ae.clear},labelClear:{type:String,default:"Clear"}},fe={pressed:{type:Boolean,default:!1}},k={label:{type:[String,Number],default:void 0}},I={readonly:{type:Boolean,default:!1}},B={modifiers:{type:[String,Array],default:void 0}},E={hintLabel:{type:String,default:""}},ce={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},pe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},ve={debounce:{type:[Number,String],default:void 0}},be={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:K.before,validation:t=>Object.values(K).includes(t)}},J={tabindex:{type:[String,Number],default:0}},ge={floating:{type:Boolean,default:!1}},he={id:[String,Number]},Ye={placement:{type:String,default:H.bottom,validator:t=>Object.values(H).includes(t)||Object.values(ne).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(oe).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},U={...he,name:{type:String,required:!0}},ye={autofocus:{type:Boolean,default:!1}},me={autocomplete:{type:String,default:"off"}},We={...U,...ye,...me,...J,...V,...I,..._,...x,...E,...R,...B,...pe,...ve,...be,...ge,...k,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...M},Se={...U,...J,..._,...x,...E,...V,...I,...B,...k,...R,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Pe={..._,...x,...ce,...E,...V,...I,...B,...k,...R,...M,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Qe={...V,...k,...fe,...ue,...de,...se,type:{type:String,default:F.button,validator:t=>Object.values(F).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:le.button}},Xe={storageType:{type:String,default:z.local,validator:t=>Object.values(z).includes(t)},storageKey:String},Y=Pe,Oe=["update:modelValue","change"];function W(t,o,r){return r?Q(t,r)===Q(o,r):D(t,o)}function D(t,o){if(t===o)return!0;if(t&&o&&typeof t=="object"&&typeof o=="object"){const r=Array.isArray(t),i=Array.isArray(o);let n,l,s;if(r&&i){if(l=t.length,l!==o.length)return!1;for(n=l;n--!==0;)if(!D(t[n],o[n]))return!1;return!0}if(r!==i)return!1;const u=t instanceof Date,d=o instanceof Date;if(u!==d)return!1;if(u&&d)return t.getTime()===o.getTime();const a=t instanceof RegExp,v=o instanceof RegExp;if(a!==v)return!1;if(a&&v)return t.toString()===o.toString();const f=Object.keys(t);if(l=f.length,l!==Object.keys(o).length)return!1;for(n=l;n--!==0;)if(!Object.hasOwn(o,f[n]))return!1;for(n=l;n--!==0;)if(s=f[n],!D(t[s],o[s]))return!1;return!0}return Number.isNaN(t)&&Number.isNaN(o)}function Q(t,o){if(t&&Object.keys(t).length&&o)if(o.includes(".")){const r=o.split(".");let i=t;for(let n=0,l=r.length;n<l;++n){if(t==null)return null;i=i[r[n]]}return i}else return t[o];else return null}function Ce(t,o){if(t!=null&&o&&o.length){for(const r of o)if(W(t,r))return!0}return!1}function Ve(t){return typeof t=="string"}function X(t){return Array.isArray(t)?t.filter(o=>Ve(o)).join(" "):t}function Z(t,o){const r=(0,e.computed)(()=>(0,e.isRef)(t)?t.value:t),i=(0,e.computed)(()=>X(r.value.invalidLabel)),n=(0,e.computed)(()=>X(r.value.validLabel)),l=(0,e.computed)(()=>r.value.loadingLabel),s=(0,e.computed)(()=>r.value.hintLabel),u=(0,e.computed)(()=>!!(r.value.loading&&(o.loading||l.value))),d=(0,e.computed)(()=>!u.value&&!!(r.value.invalid&&(o.invalid||i.value))),a=(0,e.computed)(()=>!u.value&&!d.value&&!!(r.value.valid&&(o.valid||n.value))),v=(0,e.computed)(()=>!u.value&&!d.value&&!a.value&&!!(o.hint||s.value)),f=(0,e.computed)(()=>d.value||a.value||u.value||v.value);return{hasInvalidLabelOrSlot:d,hasHintLabelOrSlot:v,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:u,hintSlotScope:(0,e.computed)(()=>({modelValue:r.value.modelValue,valid:r.value.valid,invalid:r.value.invalid,loading:r.value.loading})),HintSlot:(0,e.defineComponent)({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup(){return{isVisible:f,invalidLabel:i,validLabel:n,loadingLabel:l,hintLabel:s,hasInvalidLabelOrSlot:d,hasValidLabelOrSlot:a,hasLoadingLabelOrSlot:u,hasHintLabelOrSlot:v}},render(){if(this.isVisible){let c;return this.hasInvalidLabelOrSlot&&(c="alert"),this.hasValidLabelOrSlot&&(c="status"),this.hasLoadingLabelOrSlot?(0,e.h)(this.tag,{role:c},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?(0,e.h)(this.tag,{role:c},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?(0,e.h)(this.tag,{role:c},this.$slots.valid?.()??this.validLabel):(0,e.h)(this.tag,{role:c},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}})}}function ke(t){const o=(0,e.inject)(t,void 0),r=(0,e.computed)(()=>o!==void 0);function i(n,l,s){const u=o?.[n];if(u)return(0,e.computed)({get(){return u.value},set(a){u.value=a}});const d=(0,e.toRef)(l,n);return(0,e.computed)({get(){return d.value},set(a){s&&s(`update:${n}`,a)}})}return{group:o,isInGroup:r,getGroupOrLocalRef:i}}var ee={...Se,...B,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},Be=["click","update:modelValue","change","blur"];function Le(t,o){const{group:r,isInGroup:i,getGroupOrLocalRef:n}=ke(T),{id:l,switch:s,indeterminate:u}=(0,e.toRefs)(t);return{id:l,propsSwitch:s,indeterminate:u,group:r,isInGroup:i,modelValue:n("modelValue",t,o),valid:n("valid",t),invalid:n("invalid",t),readonly:(0,e.computed)(()=>!!(t.readonly||r?.readonly.value)),disabled:(0,e.computed)(()=>!!(t.disabled||r?.disabled.value))}}function $e(){return(0,e.inject)(ie,void 0)}function te(t,o,r){const i=$e(),n=(0,e.computed)(()=>{if(!(!i||!i.defaults.value?.[t]))return i.defaults.value[t]});return(0,e.computed)(()=>{if(n.value===void 0)return r;const l=n.value,s=o,u=r;return Object.keys(s).reduce((d,a)=>{const v=u[a];if(d[a]=v,a in l){if(Array.isArray(s[a])){const f=s[a];f.length&&f[0]===v&&(d[a]=l[a])}if(typeof s[a]=="function"){const f=s[a];f()===v&&(d[a]=l[a])}if(typeof s[a]=="object"){let f=s[a].default;typeof f=="function"&&(f=f()),typeof f=="object"?JSON.stringify(f)===JSON.stringify(v)&&(d[a]=l[a]):f===v&&(d[a]=l[a])}}return d},{})})}function Ae(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function re(t,o,r){return(0,e.computed)(()=>{const i={[t]:!0},n=typeof o?.value=="string"?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(l=>{l&&(i[`${t}--${l}`]=!0)}),r&&Object.keys(r.value).forEach(l=>{i[`${t}--${l}`]=(0,e.unref)(r.value[l])}),i})}var je=["for"],Ne=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"],we={name:"VvCheckbox"},_e=(0,e.defineComponent)({...we,props:ee,emits:Be,setup(t,{emit:o}){const r=t,i=o,n=(0,e.useSlots)(),l=te("VvCheckbox",ee,r),{id:s,disabled:u,readonly:d,valid:a,invalid:v,propsSwitch:f,modelValue:c,indeterminate:L,isInGroup:$}=Le(r,i),S=Ae(s),P=(0,e.computed)(()=>`${S.value}-hint`),G=(0,e.computed)(()=>p.value?-1:r.tabindex),h=(0,e.ref)(),g=(0,e.computed)(()=>r.uncheckedValue!==void 0&&!$.value),p=(0,e.computed)(()=>u.value||d.value),A=(0,e.computed)(()=>{if(v.value===!0)return!0;if(a.value===!0)return!1}),j=(0,e.computed)(()=>g.value?c.value===r.value:Array.isArray(c.value)?Ce(r.value,c.value):W(r.value,c.value)),O=(0,e.computed)(()=>!!(L.value||!j.value&&g.value&&r.uncheckedValue!==c.value)),He=(0,e.computed)(()=>{if(!g.value)return["string","number","boolean"].includes(typeof r.value)?r.value:!0}),q=(0,e.computed)({get(){return j.value},set(b){if(g.value)c.value=b?r.value:r.uncheckedValue;else if(Array.isArray(c.value)||$.value){const y=c.value??[],C=new Set(Array.isArray(y)?y:[y]);b?C.add(r.value):C.delete(r.value),c.value=[...C]}else c.value=b?r.value:void 0;i("change",b)}}),{modifiers:Ke}=(0,e.toRefs)(r),Fe=re("vv-checkbox",Ke,(0,e.computed)(()=>({switch:f.value,valid:a.value,invalid:v.value,disabled:u.value,readonly:d.value,indeterminate:L.value})));(0,e.watchEffect)(()=>{g.value&&Array.isArray(c.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),(0,e.watch)(()=>O.value,b=>{b?h.value.indeterminate=!0:h.value.indeterminate=!1}),(0,e.onMounted)(()=>{O.value&&(h.value.indeterminate=!0)});const{HintSlot:Te,hasHintLabelOrSlot:Me,hasInvalidLabelOrSlot:Je,hintSlotScope:N}=Z(l,n);return(b,y)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:(0,e.normalizeClass)((0,e.unref)(Fe)),for:(0,e.unref)(S)},[(0,e.withDirectives)((0,e.createElementVNode)("input",{id:(0,e.unref)(S),ref_key:"input",ref:h,"onUpdate:modelValue":y[0]||(y[0]=C=>(0,e.isRef)(q)?q.value=C:null),type:"checkbox",class:"vv-checkbox__input",name:b.name,disabled:(0,e.unref)(p),value:(0,e.unref)(He),tabindex:(0,e.unref)(G),"aria-invalid":(0,e.unref)(A),"aria-describedby":(0,e.unref)(Me)?(0,e.unref)(P):void 0,"aria-errormessage":(0,e.unref)(Je)?(0,e.unref)(P):void 0},null,8,Ne),[[e.vModelCheckbox,(0,e.unref)(q)]]),(0,e.renderSlot)(b.$slots,"default",{value:(0,e.unref)(c)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(b.label),1)]),(0,e.createVNode)((0,e.unref)(Te),{id:(0,e.unref)(P),class:"vv-checkbox__hint"},(0,e.createSlots)({_:2},[b.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(b.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"0"}:void 0,b.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(b.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"1"}:void 0,b.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(b.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"2"}:void 0,b.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(b.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"3"}:void 0]),1032,["id"])],10,je))}}),xe=_e;function Re(t,o){(0,e.provide)(t,o)}function Ie(t){const{options:o,labelKey:r,valueKey:i,disabledKey:n}=(0,e.toRefs)(t);return{options:o,getOptionLabel:a=>typeof a=="string"?a:typeof r.value=="function"?r.value(a):String(r.value?(0,w.getProperty)(a,r.value):a),getOptionValue:a=>typeof a=="string"?a:typeof i.value=="function"?i.value(a):i.value?(0,w.getProperty)(a,i.value):a,isOptionDisabled:a=>typeof a=="string"?!1:typeof n.value=="function"?n.value(a):n.value?!!(0,w.getProperty)(a,n.value):!1,getOptionGrouped:a=>typeof a=="string"?[]:typeof a=="object"&&a&&"options"in a?a.options:[]}}var Ee=["textContent"],De={class:"vv-checkbox-group__wrapper"},Ge={name:"VvCheckboxGroup"},qe=(0,e.defineComponent)({...Ge,props:Y,emits:Oe,setup(t,{emit:o}){const r=t,i=o,n=(0,e.useSlots)(),l=te("VvCheckboxGroup",Y,r),s=(0,m.useVModel)(r,"modelValue",i),{disabled:u,readonly:d,vertical:a,valid:v,invalid:f,modifiers:c}=(0,e.toRefs)(r);Re(T,{modelValue:s,disabled:u,readonly:d,valid:v,invalid:f});const{getOptionLabel:L,getOptionValue:$,isOptionDisabled:S}=Ie(r),P=re("vv-checkbox-group",c,(0,e.computed)(()=>({disabled:u.value,readonly:d.value,required:r.required,horizontal:!a.value,valid:v.value,invalid:f.value})));function G(p,A){return{id:`${r.name}_opt${A}`,name:r.name,label:L(p),value:$(p),required:r.required,disabled:S(p)}}const{HintSlot:h,hintSlotScope:g}=Z(l,n);return(p,A)=>((0,e.openBlock)(),(0,e.createElementBlock)("fieldset",{class:(0,e.normalizeClass)((0,e.unref)(P))},[p.label?((0,e.openBlock)(),(0,e.createElementBlock)("legend",{key:0,textContent:(0,e.toDisplayString)(p.label)},null,8,Ee)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",De,[p.options.length>0?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(p.options,(j,O)=>((0,e.openBlock)(),(0,e.createBlock)(xe,(0,e.mergeProps)({key:O},{ref_for:!0},G(j,O)),null,16))),128)):(0,e.renderSlot)(p.$slots,"default",{key:1})]),(0,e.createVNode)((0,e.unref)(h),{class:"vv-checkbox-group__hint"},(0,e.createSlots)({_:2},[p.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(p.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(g))))]),key:"0"}:void 0,p.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(p.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(g))))]),key:"1"}:void 0,p.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(p.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(g))))]),key:"2"}:void 0,p.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(p.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(g))))]),key:"3"}:void 0]),1024)],2))}}),ze=qe;return ze});
+(function(e,m){typeof exports=="object"&&typeof module<"u"?module.exports=m(require("vue"),require("@vueuse/core"),require("dot-prop")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","dot-prop"],m):(e=typeof globalThis<"u"?globalThis:e||self,e.VvCheckboxGroup=m(e.Vue,e.VueuseCore,e.dotProp))})(this,function(e,m,w){var ae={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},z=(function(t){return t.local="local",t.session="session",t})({}),le=(function(t){return t.absolute="absolute",t.fixed="fixed",t})({}),H=(function(t){return t.left="left",t.right="right",t.top="top",t.bottom="bottom",t})({}),ne=(function(t){return t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t})({}),K=(function(t){return t.before="before",t.after="after",t})({}),F=(function(t){return t.button="button",t.submit="submit",t.reset="reset",t})({}),oe=(function(t){return t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t})({}),ie=Symbol.for("volver"),T=Symbol.for("checkGroup"),se={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},_={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},x={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},E={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},C={disabled:{type:Boolean,default:!1}},M={required:{type:Boolean,default:!1}},ue={active:{type:Boolean,default:!1}},de={current:{type:Boolean,default:!1}},We={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:ae.clear},labelClear:{type:String,default:"Clear"}},fe={pressed:{type:Boolean,default:!1}},V={label:{type:[String,Number],default:void 0}},R={readonly:{type:Boolean,default:!1}},B={modifiers:{type:[String,Array],default:void 0}},I={hintLabel:{type:String,default:""}},ce={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},pe={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},ve={debounce:{type:[Number,String],default:void 0}},ye={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:K.before,validation:t=>Object.values(K).includes(t)}},J={tabindex:{type:[String,Number],default:0}},be={floating:{type:Boolean,default:!1}},ge={id:[String,Number]},Qe={placement:{type:String,default:H.bottom,validator:t=>Object.values(H).includes(t)||Object.values(ne).includes(t)},strategy:{type:String,default:void 0,validator:t=>Object.values(le).includes(t)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},U={...ge,name:{type:String,required:!0}},he={autofocus:{type:Boolean,default:!1}},me={autocomplete:{type:String,default:"off"}},Xe={...U,...he,...me,...J,...C,...R,..._,...x,...I,...E,...B,...pe,...ve,...ye,...be,...V,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...M},Se={...U,...J,..._,...x,...I,...C,...R,...B,...V,...E,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Y={..._,...x,...ce,...I,...C,...R,...B,...V,...E,...M,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Ze={...C,...V,...fe,...ue,...de,...se,type:{type:String,default:F.button,validator:t=>Object.values(F).includes(t)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:oe.button}},et={storageType:{type:String,default:z.local,validator:t=>Object.values(z).includes(t)},storageKey:String},ke=["update:modelValue","change"];function W(t,a,r){return r?Q(t,r)===Q(a,r):D(t,a)}function Pe(t,a){if(t.length!==a.length)return!1;for(let r=t.length;r--!==0;)if(!D(t[r],a[r]))return!1;return!0}function Oe(t,a){const r=Object.keys(t),{length:o}=r;if(o!==Object.keys(a).length)return!1;for(let l=o;l--!==0;)if(!Object.hasOwn(a,r[l]))return!1;for(let l=o;l--!==0;){const i=r[l];if(!D(t[i],a[i]))return!1}return!0}function D(t,a){if(t===a)return!0;if(!t||!a||typeof t!="object"||typeof a!="object")return Number.isNaN(t)&&Number.isNaN(a);const r=Array.isArray(t),o=Array.isArray(a);if(r!==o)return!1;if(r&&o)return Pe(t,a);const l=t instanceof Date,i=a instanceof Date;if(l!==i)return!1;if(l&&i)return t.getTime()===a.getTime();const f=t instanceof RegExp,s=a instanceof RegExp;return f!==s?!1:f&&s?t.toString()===a.toString():Oe(t,a)}function Q(t,a){if(t&&Object.keys(t).length&&a){if(!a.includes("."))return t[a];const r=a.split(".");let o=t;for(let l=0,i=r.length;l<i;++l){if(o==null)return null;o=o[r[l]]}return o}else return null}function Ce(t,a){if(t!=null&&a?.length){for(const r of a)if(W(t,r))return!0}return!1}function Ve(t){return typeof t=="string"}function X(t){return Array.isArray(t)?t.filter(a=>Ve(a)).join(" "):t}function Z(t,a){const r=(0,e.computed)(()=>(0,e.isRef)(t)?t.value:t),o=(0,e.computed)(()=>X(r.value.invalidLabel)),l=(0,e.computed)(()=>X(r.value.validLabel)),i=(0,e.computed)(()=>r.value.loadingLabel),f=(0,e.computed)(()=>r.value.hintLabel),s=(0,e.computed)(()=>!!(r.value.loading&&(a.loading||i.value))),p=(0,e.computed)(()=>!s.value&&!!(r.value.invalid&&(a.invalid||o.value))),n=(0,e.computed)(()=>!s.value&&!p.value&&!!(r.value.valid&&(a.valid||l.value))),v=(0,e.computed)(()=>!s.value&&!p.value&&!n.value&&!!(a.hint||f.value)),b=(0,e.computed)(()=>p.value||n.value||s.value||v.value);return{hasInvalidLabelOrSlot:p,hasHintLabelOrSlot:v,hasValidLabelOrSlot:n,hasLoadingLabelOrSlot:s,hintSlotScope:(0,e.computed)(()=>({modelValue:r.value.modelValue,valid:r.value.valid,invalid:r.value.invalid,loading:r.value.loading})),HintSlot:(0,e.defineComponent)({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup(){return{isVisible:b,invalidLabel:o,validLabel:l,loadingLabel:i,hintLabel:f,hasInvalidLabelOrSlot:p,hasValidLabelOrSlot:n,hasLoadingLabelOrSlot:s,hasHintLabelOrSlot:v}},render(){if(this.isVisible){let u;return this.hasInvalidLabelOrSlot&&(u="alert"),this.hasValidLabelOrSlot&&(u="status"),this.hasLoadingLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.loading?.()??this.loadingLabel):this.hasInvalidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.invalid?.()??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?(0,e.h)(this.tag,{role:u},this.$slots.valid?.()??this.validLabel):(0,e.h)(this.tag,{role:u},this.$slots.hint?.()??this.$slots.hint??this.hintLabel)}return null}})}}function Be(t){const a=(0,e.inject)(t,void 0),r=(0,e.computed)(()=>a!==void 0);function o(l,i,f){const s=a?.[l];if(s)return(0,e.computed)({get(){return s.value},set(n){s.value=n}});const p=(0,e.toRef)(i,l);return(0,e.computed)({get(){return p.value},set(n){f&&f(`update:${l}`,n)}})}return{group:a,isInGroup:r,getGroupOrLocalRef:o}}var ee={...Se,...B,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},Le=["click","update:modelValue","change","blur"];function $e(t,a){const{group:r,isInGroup:o,getGroupOrLocalRef:l}=Be(T),{id:i,switch:f,indeterminate:s}=(0,e.toRefs)(t);return{id:i,propsSwitch:f,indeterminate:s,group:r,isInGroup:o,modelValue:l("modelValue",t,a),valid:l("valid",t),invalid:l("invalid",t),readonly:(0,e.computed)(()=>!!(t.readonly||r?.readonly.value)),disabled:(0,e.computed)(()=>!!(t.disabled||r?.disabled.value))}}function je(){return(0,e.inject)(ie,void 0)}function Ae(t,a,r){let o=a;if(Array.isArray(t)&&t.length){const l=t[0];l()===a&&(o=r)}if(typeof t=="function"&&t()===a&&(o=r),typeof t=="object"){let l=t.default;typeof l=="function"&&(l=l()),(typeof l=="object"?JSON.stringify(l)===JSON.stringify(a):l===a)&&(o=r)}return o}function te(t,a,r){const o=je(),l=(0,e.computed)(()=>{if(o?.defaults.value?.[t])return o.defaults.value[t]});return(0,e.computed)(()=>{if(l.value===void 0)return r;const i=l.value,f=a,s=r;return Object.keys(f).reduce((p,n)=>{const v=s[n];return p[n]=n in i?Ae(f[n],v,i[n]):v,p},{})})}function Ne(t){return(0,e.computed)(()=>String(t?.value||(0,e.useId)()))}function re(t,a,r){return(0,e.computed)(()=>{const o={[t]:!0},l=typeof a?.value=="string"?a.value.split(" "):a?.value;return l&&Array.isArray(l)&&l.forEach(i=>{i&&(o[`${t}--${i}`]=!0)}),r&&Object.keys(r.value).forEach(i=>{o[`${t}--${i}`]=(0,e.unref)(r.value[i])}),o})}var we=["for"],_e=["id","name","disabled","value","tabindex","aria-invalid","aria-describedby","aria-errormessage"],xe={name:"VvCheckbox"},Ee=(0,e.defineComponent)({...xe,props:ee,emits:Le,setup(t,{emit:a}){const r=t,o=a,l=(0,e.useSlots)(),i=te("VvCheckbox",ee,r),{id:f,disabled:s,readonly:p,valid:n,invalid:v,propsSwitch:b,modelValue:u,indeterminate:L,isInGroup:$}=$e(r,o),S=Ne(f),k=(0,e.computed)(()=>`${S.value}-hint`),G=(0,e.computed)(()=>d.value?-1:r.tabindex),g=(0,e.ref)(),y=(0,e.computed)(()=>r.uncheckedValue!==void 0&&!$.value),d=(0,e.computed)(()=>s.value||p.value),j=(0,e.computed)(()=>{if(v.value===!0)return!0;if(n.value===!0)return!1}),A=(0,e.computed)(()=>y.value?u.value===r.value:Array.isArray(u.value)?Ce(r.value,u.value):W(r.value,u.value)),P=(0,e.computed)(()=>!!(L.value||!A.value&&y.value&&r.uncheckedValue!==u.value)),Fe=(0,e.computed)(()=>{if(!y.value)return["string","number","boolean"].includes(typeof r.value)?r.value:!0}),q=(0,e.computed)({get(){return A.value},set(c){if(y.value)u.value=c?r.value:r.uncheckedValue;else if(Array.isArray(u.value)||$.value){const h=u.value??[],O=new Set(Array.isArray(h)?h:[h]);c?O.add(r.value):O.delete(r.value),u.value=[...O]}else u.value=c?r.value:void 0;o("change",c)}}),{modifiers:Te}=(0,e.toRefs)(r),Me=re("vv-checkbox",Te,(0,e.computed)(()=>({switch:b.value,valid:n.value,invalid:v.value,disabled:s.value,readonly:p.value,indeterminate:L.value})));(0,e.watchEffect)(()=>{y.value&&Array.isArray(u.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),(0,e.watch)(()=>P.value,c=>{c?g.value.indeterminate=!0:g.value.indeterminate=!1}),(0,e.onMounted)(()=>{P.value&&(g.value.indeterminate=!0)});const{HintSlot:Je,hasHintLabelOrSlot:Ue,hasInvalidLabelOrSlot:Ye,hintSlotScope:N}=Z(i,l);return(c,h)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{class:(0,e.normalizeClass)((0,e.unref)(Me)),for:(0,e.unref)(S)},[(0,e.withDirectives)((0,e.createElementVNode)("input",{id:(0,e.unref)(S),ref_key:"input",ref:g,"onUpdate:modelValue":h[0]||(h[0]=O=>(0,e.isRef)(q)?q.value=O:null),type:"checkbox",class:"vv-checkbox__input",name:c.name,disabled:(0,e.unref)(d),value:(0,e.unref)(Fe),tabindex:(0,e.unref)(G),"aria-invalid":(0,e.unref)(j),"aria-describedby":(0,e.unref)(Ue)?(0,e.unref)(k):void 0,"aria-errormessage":(0,e.unref)(Ye)?(0,e.unref)(k):void 0},null,8,_e),[[e.vModelCheckbox,(0,e.unref)(q)]]),(0,e.renderSlot)(c.$slots,"default",{value:(0,e.unref)(u)},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(c.label),1)]),(0,e.createVNode)((0,e.unref)(Je),{id:(0,e.unref)(k),class:"vv-checkbox__hint"},(0,e.createSlots)({_:2},[c.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"0"}:void 0,c.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"1"}:void 0,c.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"2"}:void 0,c.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(c.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(N))))]),key:"3"}:void 0]),1032,["id"])],10,we))}}),Re=Ee;function Ie(t,a){(0,e.provide)(t,a)}function De(t){const{options:a,labelKey:r,valueKey:o,disabledKey:l}=(0,e.toRefs)(t);return{options:a,getOptionLabel:n=>typeof n=="string"?n:typeof r.value=="function"?r.value(n):String(r.value?(0,w.getProperty)(n,r.value):n),getOptionValue:n=>typeof n=="string"?n:typeof o.value=="function"?o.value(n):o.value?(0,w.getProperty)(n,o.value):n,isOptionDisabled:n=>typeof n=="string"?!1:typeof l.value=="function"?l.value(n):l.value?!!(0,w.getProperty)(n,l.value):!1,getOptionGrouped:n=>typeof n=="string"?[]:typeof n=="object"&&n&&"options"in n?n.options:[]}}var Ge=["textContent"],qe={class:"vv-checkbox-group__wrapper"},ze={name:"VvCheckboxGroup"},He=(0,e.defineComponent)({...ze,props:Y,emits:ke,setup(t,{emit:a}){const r=t,o=a,l=(0,e.useSlots)(),i=te("VvCheckboxGroup",Y,r),f=(0,m.useVModel)(r,"modelValue",o),{disabled:s,readonly:p,vertical:n,valid:v,invalid:b,modifiers:u}=(0,e.toRefs)(r);Ie(T,{modelValue:f,disabled:s,readonly:p,valid:v,invalid:b});const{getOptionLabel:L,getOptionValue:$,isOptionDisabled:S}=De(r),k=re("vv-checkbox-group",u,(0,e.computed)(()=>({disabled:s.value,readonly:p.value,required:r.required,horizontal:!n.value,valid:v.value,invalid:b.value})));function G(d,j){return{id:`${r.name}_opt${j}`,name:r.name,label:L(d),value:$(d),required:r.required,disabled:S(d)}}const{HintSlot:g,hintSlotScope:y}=Z(i,l);return(d,j)=>((0,e.openBlock)(),(0,e.createElementBlock)("fieldset",{class:(0,e.normalizeClass)((0,e.unref)(k))},[d.label?((0,e.openBlock)(),(0,e.createElementBlock)("legend",{key:0,textContent:(0,e.toDisplayString)(d.label)},null,8,Ge)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",qe,[d.options.length>0?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(d.options,(A,P)=>((0,e.openBlock)(),(0,e.createBlock)(Re,(0,e.mergeProps)({key:P},{ref_for:!0},G(A,P)),null,16))),128)):(0,e.renderSlot)(d.$slots,"default",{key:1})]),(0,e.createVNode)((0,e.unref)(g),{class:"vv-checkbox-group__hint"},(0,e.createSlots)({_:2},[d.$slots.hint?{name:"hint",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(d.$slots,"hint",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(y))))]),key:"0"}:void 0,d.$slots.loading?{name:"loading",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(d.$slots,"loading",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(y))))]),key:"1"}:void 0,d.$slots.valid?{name:"valid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(d.$slots,"valid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(y))))]),key:"2"}:void 0,d.$slots.invalid?{name:"invalid",fn:(0,e.withCtx)(()=>[(0,e.renderSlot)(d.$slots,"invalid",(0,e.normalizeProps)((0,e.guardReactiveProps)((0,e.unref)(y))))]),key:"3"}:void 0]),1024)],2))}}),Ke=He;return Ke});

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

@@ -0,0 +1,212 @@
+import type { Option } from '../../types/generic';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: (SymbolConstructor | NumberConstructor | ArrayConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<(Option | string)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: {
+        type: (SymbolConstructor | NumberConstructor | ArrayConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    vertical: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<(Option | string)[]>;
+        default: () => never[];
+    };
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    modelValue: string | number | boolean | symbol | unknown[];
+    modifiers: string | string[];
+    label: string | number;
+    disabled: boolean;
+    options: (string | Option)[];
+    invalid: boolean;
+    labelKey: string | Function;
+    valueKey: string | Function;
+    disabledKey: string | Function;
+    required: boolean;
+    loading: boolean;
+    loadingLabel: string;
+    readonly: boolean;
+    hintLabel: string;
+    invalidLabel: string | unknown[];
+    valid: boolean;
+    validLabel: string | unknown[];
+    vertical: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    hint?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+} & {
+    loading?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+} & {
+    valid?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+} & {
+    invalid?: (props: {
+        modelValue: unknown;
+        valid: boolean;
+        invalid: boolean;
+        loading: boolean;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvCheckboxGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxRadioGroupProps as VvCheckboxGroupProps } from '../../props';
+export declare const VvCheckboxGroupEvents: string[];