@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvCheckbox/VvCheckbox.umd.js

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

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

@@ -0,0 +1,187 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    indeterminate: BooleanConstructor;
+    uncheckedValue: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+    switch: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    value: {
+        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | ObjectConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    tabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    indeterminate: BooleanConstructor;
+    uncheckedValue: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+    switch: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    value: {
+        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | ObjectConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    tabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+}>> & Readonly<{}>, {
+    modelValue: string | number | boolean | Record<string, any>;
+    modifiers: string | string[];
+    label: string | number;
+    value: string | number | boolean;
+    disabled: boolean;
+    switch: boolean;
+    tabindex: string | number;
+    invalid: boolean;
+    loading: boolean;
+    loadingLabel: string;
+    indeterminate: boolean;
+    readonly: boolean;
+    hintLabel: string;
+    invalidLabel: string | unknown[];
+    valid: boolean;
+    validLabel: string | unknown[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    default?: (props: {
+        value: unknown;
+    }) => 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/VvCheckbox/index.d.ts

@@ -0,0 +1,94 @@
+import type { ExtractPropTypes, Ref } from 'vue';
+import type { InputGroupState } from '../../types/group';
+export declare const VvCheckboxProps: {
+    /**
+     * If true, the input will be indeterminated
+     */
+    indeterminate: BooleanConstructor;
+    /**
+     * Value associated with the unchecked state
+     */
+    uncheckedValue: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+    /**
+     * If true, the input will be displayed as a switch
+     */
+    switch: BooleanConstructor;
+    modifiers: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    value: {
+        type: (NumberConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    modelValue: {
+        type: (NumberConstructor | ObjectConstructor | BooleanConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalidLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    valid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    validLabel: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    tabindex: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    id: (NumberConstructor | StringConstructor)[];
+};
+export declare const VvCheckboxEvents: string[];
+export type VvCheckboxPropsTypes = ExtractPropTypes<typeof VvCheckboxProps>;
+/**
+ * Merges local and group props
+ */
+export declare function useGroupProps(props: VvCheckboxPropsTypes, emit: (event: (typeof VvCheckboxEvents)[number], value: unknown) => void): {
+    id: Ref<string | number | undefined, string | number | undefined> | undefined;
+    propsSwitch: Ref<boolean, boolean>;
+    indeterminate: Ref<boolean, boolean>;
+    group: InputGroupState | undefined;
+    isInGroup: globalThis.ComputedRef<boolean>;
+    modelValue: Ref<unknown, unknown>;
+    valid: Ref<boolean, boolean>;
+    invalid: Ref<boolean, boolean>;
+    readonly: globalThis.ComputedRef<boolean>;
+    disabled: globalThis.ComputedRef<boolean>;
+};