@volverjs/ui-vue 0.0.13 → 0.0.15

package/dist/components/VvRadioGroup/VvRadioGroup.umd.js

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

package/dist/components/VvRadioGroup/VvRadioGroup.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/VvRadioGroup/index.d.ts

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