@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvRadio/VvRadio.umd.js

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

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

@@ -0,0 +1,179 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
+    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;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        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<{
+    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;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        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;
+    tabindex: string | number;
+    invalid: boolean;
+    loading: boolean;
+    loadingLabel: string;
+    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/VvRadio/index.d.ts

@@ -0,0 +1,80 @@
+import type { ExtractPropTypes } from 'vue';
+import type { InputGroupState } from '../../types/group';
+export declare const VvRadioProps: {
+    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;
+    };
+    modifiers: {
+        type: PropType<string | string[]>;
+        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 VvRadioEvents: string[];
+export type VvRadioPropsType = ExtractPropTypes<typeof VvRadioProps>;
+/**
+ * Merges local and group props
+ */
+export declare function useGroupProps(props: VvRadioPropsType, emit: (event: (typeof VvRadioEvents)[number], value: unknown) => void): {
+    id: globalThis.Ref<string | number | undefined, string | number | undefined> | undefined;
+    group: InputGroupState | undefined;
+    isInGroup: globalThis.ComputedRef<boolean>;
+    modelValue: globalThis.Ref<unknown, unknown>;
+    valid: globalThis.Ref<boolean, boolean>;
+    invalid: globalThis.Ref<boolean, boolean>;
+    readonly: globalThis.ComputedRef<boolean>;
+    disabled: globalThis.ComputedRef<boolean>;
+};