@volverjs/ui-vue 0.0.3 → 0.0.4

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

@@ -1 +1 @@
-(function(e,b){typeof exports=="object"&&typeof module<"u"?module.exports=b(require("vue")):typeof define=="function"&&define.amd?define(["vue"],b):(e=typeof globalThis<"u"?globalThis:e||self,e.VvRadioGroup=b(e.vue))})(this,function(e){"use strict";var b=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(b||{}),N=(t=>(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))(N||{}),R=(t=>(t.before="before",t.after="after",t))(R||{});const P=Symbol.for("radioGroup");function O(t){return Array.isArray(t)?t.filter(f=>isString(f)).join(" "):t}function j(t,f){const{invalid:a,valid:m,hint:v,loading:r}=f,{hintLabel:o,modelValue:s,valid:c,validLabel:i,invalid:d,invalidLabel:n,..._}=toRefs(t),l=resolveFieldData(_,"loading"),p=resolveFieldData(_,"loadingLabel"),g=computed(()=>d.value?!!(d.value&&a||n!=null&&n.value&&Array.isArray(n.value)&&n.value.length>0||n!=null&&n.value&&!isEmpty(n)):!1),u=computed(()=>!!(o&&o.value||v)),y=computed(()=>!!(i&&i.value||m)),B=computed(()=>!!(l!=null&&l.value&&r||l!=null&&l.value&&(p!=null&&p.value))),k=computed(()=>u.value||y.value||g.value||B.value);return{hasInvalid:g,hasHint:u,hasValid:y,hasLoading:B,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(C){const S=computed(()=>{const V=toReactive({hintLabel:o,modelValue:s,valid:c,validLabel:i,invalid:d,invalidLabel:n,loading:l,loadingLabel:p,...C.params});return d!=null&&d.value?(a==null?void 0:a(V))||O(n==null?void 0:n.value)||(o==null?void 0:o.value):c!=null&&c.value?(m==null?void 0:m(V))||O(i==null?void 0:i.value)||(o==null?void 0:o.value):l!=null&&l.value?(r==null?void 0:r(V))||O(p==null?void 0:p.value)||(o==null?void 0:o.value):(v==null?void 0:v(V))||O(o==null?void 0:o.value)||(o==null?void 0:o.value)});return{isVisible:k,hasInvalid:g,hasValid:y,hintContent:S}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const E={valid:Boolean,validLabel:[String,Array]},A={invalid:Boolean,invalidLabel:[String,Array]},I={disabled:Boolean},G={readonly:Boolean},D={modifiers:[String,Array]},F={hintLabel:{type:String,default:""}},$={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};R.before;const H={tabindex:{type:[String,Number],default:0}},x={id:[String,Number]};b.bottom;const M={...{...x,name:{type:String,required:!0}},...H,...E,...A,...F,...I,...G,...D,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},q={...E,...A,...$,...F,...I,...G,...D,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},T=M,z=["click","update:modelValue","change","blur"];function K(t,f){const{id:a}=toRefs(t),{group:m,isInGroup:v,getGroupOrLocalRef:r}=useInjectedGroupState(P),o=r("modelValue",t,f),s=r("readonly",t),c=r("disabled",t),i=r("valid",t),d=r("invalid",t);return{id:a,group:m,isInGroup:v,modelValue:o,readonly:s,disabled:c,valid:i,invalid:d}}const w=["for"],U=["id","name","disabled","value","tabindex","aria-invalid"],J={name:"VvRadio"},W=e.defineComponent({...J,props:T,emits:z,setup(t,{emit:f}){const a=t,m=useSlots(),{id:v,disabled:r,readonly:o,modelValue:s,valid:c,invalid:i}=K(a,f),d=useUniqueId(v),n=computed(()=>l.value?-1:a.tabindex),_=ref(),l=computed(()=>r.value||o.value),p=computed(()=>{if(i.value===!0)return!0;if(c.value===!0)return!1}),g=computed(()=>Array.isArray(s.value)?contains(a.value,s.value):equals(a.value,s.value)),u=computed(()=>["string","number","boolean"].includes(typeof a.value)?a.value:!0),y=computed({get(){return g.value?u.value:null},set(S){Array.isArray(s.value)?s.value=[a.value]:s.value=a.value,f("change",S)}}),{modifiers:B}=toRefs(a),k=useBemModifiers("vv-radio",B,computed(()=>({valid:c.value,invalid:i.value,disabled:r.value,readonly:o.value}))),{HintSlot:C}=j(a,m);return(S,V)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(k)),for:e.unref(d)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(d),ref_key:"input",ref:_,"onUpdate:modelValue":V[0]||(V[0]=ee=>e.isRef(y)?y.value=ee:null),type:"radio",class:"vv-radio__input",name:S.name,disabled:e.unref(l),value:e.unref(u),tabindex:e.unref(n),"aria-invalid":e.unref(p)},null,8,U),[[e.vModelRadio,e.unref(y)]]),e.renderSlot(S.$slots,"default",{value:e.unref(s)},()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),e.createVNode(e.unref(C),{class:"vv-radio__hint",params:{value:e.unref(s)}},null,8,["params"])],10,w))}}),Y=q,Q=["update:modelValue","change"],X=["textContent"],Z={class:"vv-radio-group__wrapper"},L={name:"VvRadioGroup"};return e.defineComponent({...L,props:Y,emits:Q,setup(t,{emit:f}){const a=t,m=useSlots(),v=useVModel(a,"modelValue",f),{disabled:r,readonly:o,vertical:s,valid:c,invalid:i,modifiers:d}=toRefs(a);useProvideGroupState({key:P,modelValue:v,disabled:r,readonly:o,valid:c,invalid:i});const{getOptionLabel:n,getOptionValue:_}=useOptions(a),l=useBemModifiers("vv-radio-group",d,computed(()=>({disabled:r.value,readonly:o.value,horizontal:!s.value,valid:c.value,invalid:i.value}))),p=(u,y)=>({id:`${a.name}_opt${y}`,name:a.name,label:n(u),value:_(u)}),{HintSlot:g}=j(a,m);return(u,y)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(l))},[u.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(u.label)},null,8,X)):e.createCommentVNode("",!0),e.createElementVNode("div",Z,[u.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(u.options,(B,k)=>(e.openBlock(),e.createBlock(W,e.mergeProps({key:k},p(B,k)),null,16))),128)):e.renderSlot(u.$slots,"default",{key:1})]),e.createVNode(e.unref(g),{class:"vv-radio-group__hint"})],2))}})});
+(function(t,O){typeof exports=="object"&&typeof module<"u"?module.exports=O(require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","nanoid"],O):(t=typeof globalThis<"u"?globalThis:t||self,t.VvRadioGroup=O(t.vue,t.core,t.nanoid))})(this,function(t,O,U){"use strict";var B=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(B||{}),N=(e=>(e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e))(N||{}),R=(e=>(e.before="before",e.after="after",e))(R||{}),A=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(A||{}),G=(e=>(e._blank="_blank",e._self="_self",e._parent="_parent",e._top="_top",e))(G||{});const $=Symbol.for("radioGroup");function D(e,n,r){return r?k(e,r)===k(n,r):E(e,n)}function E(e,n){if(e===n)return!0;if(e&&n&&typeof e=="object"&&typeof n=="object"){const r=Array.isArray(e),u=Array.isArray(n);let a,l,s;if(r&&u){if(l=e.length,l!=n.length)return!1;for(a=l;a--!==0;)if(!E(e[a],n[a]))return!1;return!0}if(r!=u)return!1;const c=e instanceof Date,o=n instanceof Date;if(c!=o)return!1;if(c&&o)return e.getTime()==n.getTime();const d=e instanceof RegExp,f=n instanceof RegExp;if(d!=f)return!1;if(d&&f)return e.toString()==n.toString();const i=Object.keys(e);if(l=i.length,l!==Object.keys(n).length)return!1;for(a=l;a--!==0;)if(!Object.prototype.hasOwnProperty.call(n,i[a]))return!1;for(a=l;a--!==0;)if(s=i[a],!E(e[s],n[s]))return!1;return!0}return e!==e&&n!==n}function k(e,n){if(e&&Object.keys(e).length&&n){if(n.indexOf(".")===-1)return e[n];{const r=n.split(".");let u=e;for(let a=0,l=r.length;a<l;++a){if(e==null)return null;u=u[r[a]]}return u}}else return null}function T(e,n){if(e!=null&&n&&n.length){for(const r of n)if(D(e,r))return!0}return!1}function x(e){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(t.unref(e))}function J(e){return typeof e=="string"||e instanceof String}function j(e){return Array.isArray(e)?e.filter(n=>J(n)).join(" "):e}function q(e,n){const{invalid:r,valid:u,hint:a,loading:l}=n,{hintLabel:s,modelValue:c,valid:o,validLabel:d,invalid:f,invalidLabel:i,...S}=t.toRefs(e),p=k(S,"loading"),m=k(S,"loadingLabel"),v=t.computed(()=>f.value?!!(f.value&&r||i!=null&&i.value&&Array.isArray(i.value)&&i.value.length>0||i!=null&&i.value&&!x(i)):!1),y=t.computed(()=>!!(s&&s.value||a)),g=t.computed(()=>!!(d&&d.value||u)),_=t.computed(()=>!!(p!=null&&p.value&&l||p!=null&&p.value&&(m!=null&&m.value))),V=t.computed(()=>y.value||g.value||v.value||_.value);return{hasInvalid:v,hasHint:y,hasValid:g,hasLoading:_,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(I){const b=t.computed(()=>{const h=O.toReactive({hintLabel:s,modelValue:c,valid:o,validLabel:d,invalid:f,invalidLabel:i,loading:p,loadingLabel:m,...I.params});return f!=null&&f.value?(r==null?void 0:r(h))||j(i==null?void 0:i.value)||(s==null?void 0:s.value):o!=null&&o.value?(u==null?void 0:u(h))||j(d==null?void 0:d.value)||(s==null?void 0:s.value):p!=null&&p.value?(l==null?void 0:l(h))||j(m==null?void 0:m.value)||(s==null?void 0:s.value):(a==null?void 0:a(h))||j(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:V,hasInvalid:v,hasValid:g,hintContent:b}},render(){if(this.isVisible)return t.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const W={to:{type:[String,Object]},href:String,target:{type:String,validator:e=>Object.values(G).includes(e)},rel:{type:String,default:"noopener noreferrer"}},F={valid:Boolean,validLabel:[String,Array]},H={invalid:Boolean,invalidLabel:[String,Array]},P={disabled:Boolean},Y={active:Boolean},Q={pressed:Boolean},C={label:[String,Number]},K={readonly:Boolean},w={modifiers:[String,Array]},M={hintLabel:{type:String,default:""}},X={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}};R.before;const Z={tabindex:{type:[String,Number],default:0}},L={id:[String,Number]};B.bottom;const ee={...{...L,name:{type:String,required:!0}},...Z,...F,...H,...M,...P,...K,...w,...C,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]},te={...F,...H,...X,...M,...P,...K,...w,...C,modelValue:[String,Array],name:{type:String,required:!0},vertical:Boolean};({...P,...C,...Q,...Y,...W,type:A.button});function ne(e){const n=t.inject(e,void 0),r=t.computed(()=>!x(n));function u(a,l,s){if(n!=null&&n.value){const o=t.unref(n.value)[a];return t.computed({get(){return o==null?void 0:o.value},set(d){o.value=d}})}const c=t.toRef(l,a);return t.computed({get(){return c.value},set(o){s&&s(`update:${a}`,o)}})}return{group:n,isInGroup:r,getGroupOrLocalRef:u}}const re=ee,oe=["click","update:modelValue","change","blur"];function ae(e,n){const{id:r}=t.toRefs(e),{group:u,isInGroup:a,getGroupOrLocalRef:l}=ne($),s=l("modelValue",e,n),c=l("readonly",e),o=l("disabled",e),d=l("valid",e),f=l("invalid",e);return{id:r,group:u,isInGroup:a,modelValue:s,readonly:c,disabled:o,valid:d,invalid:f}}const le=e=>t.computed(()=>String((e==null?void 0:e.value)||U.nanoid()));function z(e,n,r){return t.computed(()=>{const u={[e]:!0},a=typeof(n==null?void 0:n.value)=="string"?n.value.split(" "):n==null?void 0:n.value;return a&&Array.isArray(a)&&a.forEach(l=>{u[`${e}--${l}`]=!0}),r&&Object.keys(r.value).forEach(l=>{u[`${e}--${l}`]=t.unref(r.value[l])}),u})}const se=["for"],ue=["id","name","disabled","value","tabindex","aria-invalid"],ie={name:"VvRadio"},ce=t.defineComponent({...ie,props:re,emits:oe,setup(e,{emit:n}){const r=e,u=t.useSlots(),{id:a,disabled:l,readonly:s,modelValue:c,valid:o,invalid:d}=ae(r,n),f=le(a),i=t.computed(()=>p.value?-1:r.tabindex),S=t.ref(),p=t.computed(()=>l.value||s.value),m=t.computed(()=>{if(d.value===!0)return!0;if(o.value===!0)return!1}),v=t.computed(()=>Array.isArray(c.value)?T(r.value,c.value):D(r.value,c.value)),y=t.computed(()=>["string","number","boolean"].includes(typeof r.value)?r.value:!0),g=t.computed({get(){return v.value?y.value:null},set(b){Array.isArray(c.value)?c.value=[r.value]:c.value=r.value,n("change",b)}}),{modifiers:_}=t.toRefs(r),V=z("vv-radio",_,t.computed(()=>({valid:o.value,invalid:d.value,disabled:l.value,readonly:s.value}))),{HintSlot:I}=q(r,u);return(b,h)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(t.unref(V)),for:t.unref(f)},[t.withDirectives(t.createElementVNode("input",{id:t.unref(f),ref_key:"input",ref:S,"onUpdate:modelValue":h[0]||(h[0]=be=>t.isRef(g)?g.value=be:null),type:"radio",class:"vv-radio__input",name:b.name,disabled:t.unref(p),value:t.unref(y),tabindex:t.unref(i),"aria-invalid":t.unref(m)},null,8,ue),[[t.vModelRadio,t.unref(g)]]),t.renderSlot(b.$slots,"default",{value:t.unref(c)},()=>[t.createTextVNode(t.toDisplayString(b.label),1)]),t.createVNode(t.unref(I),{class:"vv-radio__hint",params:{value:t.unref(c)}},null,8,["params"])],10,se))}}),de=te,fe=["update:modelValue","change"];function pe(e){if(Object.keys(e).some(n=>n!=="key"&&!t.isRef(e[n])))throw Error("One or more groupState props aren't ref.");t.provide(e.key,t.computed(()=>e))}function ye(e){const{options:n,labelKey:r,valueKey:u,disabledKey:a}=t.toRefs(e);return{options:n,getOptionLabel:o=>typeof o!="object"&&o!==null?o:typeof r.value=="function"?r.value(o):o[r.value],getOptionValue:o=>typeof o!="object"&&o!==null?o:typeof u.value=="function"?u.value(o):o[u.value],getOptionDisabled:o=>typeof o!="object"&&o!==null?!1:typeof a.value=="function"?a.value(o):o[a.value]}}const me=["textContent"],ge={class:"vv-radio-group__wrapper"},ve={name:"VvRadioGroup"};return t.defineComponent({...ve,props:de,emits:fe,setup(e,{emit:n}){const r=e,u=t.useSlots(),a=O.useVModel(r,"modelValue",n),{disabled:l,readonly:s,vertical:c,valid:o,invalid:d,modifiers:f}=t.toRefs(r);pe({key:$,modelValue:a,disabled:l,readonly:s,valid:o,invalid:d});const{getOptionLabel:i,getOptionValue:S}=ye(r),p=z("vv-radio-group",f,t.computed(()=>({disabled:l.value,readonly:s.value,horizontal:!c.value,valid:o.value,invalid:d.value}))),m=(y,g)=>({id:`${r.name}_opt${g}`,name:r.name,label:i(y),value:S(y)}),{HintSlot:v}=q(r,u);return(y,g)=>(t.openBlock(),t.createElementBlock("fieldset",{class:t.normalizeClass(t.unref(p))},[y.label?(t.openBlock(),t.createElementBlock("legend",{key:0,textContent:t.toDisplayString(y.label)},null,8,me)):t.createCommentVNode("",!0),t.createElementVNode("div",ge,[y.options.length>0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:0},t.renderList(y.options,(_,V)=>(t.openBlock(),t.createBlock(ce,t.mergeProps({key:V},m(_,V)),null,16))),128)):t.renderSlot(y.$slots,"default",{key:1})]),t.createVNode(t.unref(v),{class:"vv-radio-group__hint"})],2))}})});

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

@@ -1,12 +1,12 @@
 import type { Option } from '@/types/generic';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -36,12 +36,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     validLabel: (StringConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;

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

@@ -1,11 +1,11 @@
 export declare const VvRadioGroupProps: {
     modelValue: (StringConstructor | ArrayConstructor)[];
-    label: StringConstructor;
     name: {
         type: StringConstructor;
         required: boolean;
     };
     vertical: BooleanConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     modifiers: import("vue").PropType<string | string[]>;
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;