@volverjs/ui-vue 0.0.3-beta.4 → 0.0.4

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

@@ -1 +1 @@
-(function(e,S){typeof exports=="object"&&typeof module<"u"?module.exports=S(require("vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","nanoid"],S):(e=typeof globalThis<"u"?globalThis:e||self,e.VvRadioGroup=S(e.vue,e.nanoid))})(this,function(e,S){"use strict";const C="VV_RADIO_GROUP";function P(a){return Array.isArray(a)?a.filter(p=>isString(p)).join(" "):a}function A(a,p){const{invalid:o,valid:m,hint:r,loading:u}=p,{hintLabel:t,modelValue:y,valid:d,validLabel:l,invalid:f,invalidLabel:n,..._}=toRefs(a),i=resolveFieldData(_,"loading"),c=resolveFieldData(_,"loadingLabel"),V=computed(()=>f.value?!!(f.value&&o||n!=null&&n.value&&Array.isArray(n.value)&&n.value.length>0||n!=null&&n.value&&!isEmpty(n)):!1),s=computed(()=>!!(t&&t.value||r)),g=computed(()=>!!(l&&l.value||m)),b=computed(()=>!!(i!=null&&i.value&&u||i!=null&&i.value&&(c!=null&&c.value))),v=computed(()=>s.value||g.value||V.value||b.value);return{hasInvalid:V,hasHint:s,hasValid:g,hasLoading:b,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(k){const B=computed(()=>{const R=toReactive({hintLabel:t,modelValue:y,valid:d,validLabel:l,invalid:f,invalidLabel:n,loading:i,loadingLabel:c,...k.params});return f!=null&&f.value?(o==null?void 0:o(R))||P(n==null?void 0:n.value)||(t==null?void 0:t.value):d!=null&&d.value?(m==null?void 0:m(R))||P(l==null?void 0:l.value)||(t==null?void 0:t.value):i!=null&&i.value?(u==null?void 0:u(R))||P(c==null?void 0:c.value)||(t==null?void 0:t.value):(r==null?void 0:r(R))||P(t==null?void 0:t.value)||(t==null?void 0:t.value)});return{isVisible:v,hasInvalid:V,hasValid:g,hintContent:B}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const G={valid:Boolean,validLabel:[String,Array]},N={invalid:Boolean,invalidLabel:[String,Array]},O={disabled:Boolean},I={readonly:Boolean},D={hintLabel:{type:String,default:""}},E={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},$={...{id:[String,Number],name:{type:String,required:!0}},...{tabindex:{type:[String,Number],default:0}},...G,...N,...D,...O,...I,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},x={...G,...N,...E,...D,...O,...I,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},H=$,j=["click","update:modelValue","change","blur"];function F(a,p){const{group:o,isInGroup:m,getGroupOrLocalRef:r}=useInjectedGroupState(C),u=r("modelValue",a,p),t=r("readonly",a),y=r("disabled",a),d=r("valid",a),l=r("invalid",a);return{group:o,isInGroup:m,modelValue:u,readonly:t,disabled:y,valid:d,invalid:l}}const q=["for"],M=["id","name","disabled","value","tabindex","aria-invalid"],T={name:"VvRadio"},z=e.defineComponent({...T,props:H,emits:j,setup(a,{emit:p}){const o=a,m=useSlots(),{disabled:r,readonly:u,modelValue:t,valid:y,invalid:d}=F(o,p),l=computed(()=>String(o.id||S.nanoid())),f=computed(()=>_.value?-1:o.tabindex),n=ref(),_=computed(()=>r.value||u.value),i=computed(()=>{if(d.value===!0)return!0;if(y.value===!0)return!1}),c=computed(()=>Array.isArray(t.value)?contains(o.value,t.value):equals(o.value,t.value)),V=computed(()=>["string","number","boolean"].includes(typeof o.value)?o.value:!0),s=computed({get(){return c.value?V.value:null},set(v){Array.isArray(t.value)?t.value=[o.value]:t.value=o.value,p("change",v)}}),{bemCssClasses:g}=useBemModifiers("vv-radio",{valid:y,invalid:d,disabled:r,readonly:u}),{HintSlot:b}=A(o,m);return(v,k)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(g)),for:e.unref(l)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(l),ref_key:"input",ref:n,"onUpdate:modelValue":k[0]||(k[0]=B=>e.isRef(s)?s.value=B:null),type:"radio",class:"vv-radio__input",name:v.name,disabled:e.unref(_),value:e.unref(V),tabindex:e.unref(f),"aria-invalid":e.unref(i)},null,8,M),[[e.vModelRadio,e.unref(s)]]),e.renderSlot(v.$slots,"default",{value:e.unref(t)},()=>[e.createTextVNode(e.toDisplayString(v.label),1)]),e.createVNode(e.unref(b),{class:"vv-radio__hint",params:{value:e.unref(t)}},null,8,["params"])],10,q))}}),U=x,w=["update:modelValue","change"],K=["textContent"],J={class:"vv-radio-group__wrapper"},Q={name:"VvRadioGroup"};return e.defineComponent({...Q,props:U,emits:w,setup(a,{emit:p}){const o=a,m=useSlots(),r=useVModel(o,"modelValue",p),{disabled:u,readonly:t,vertical:y,valid:d,invalid:l}=toRefs(o),f={key:C,modelValue:r,disabled:u,readonly:t,valid:d,invalid:l};useProvideGroupState(f);const{getOptionLabel:n,getOptionValue:_}=useOptions(o),{bemCssClasses:i}=useBemModifiers("vv-radio-group",{disabled:u,readonly:t,horizontal:computed(()=>!y.value),valid:d,invalid:l}),c=(s,g)=>({id:`${o.name}_opt${g}`,name:o.name,label:n(s),value:_(s)}),{HintSlot:V}=A(o,m);return(s,g)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(i))},[s.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(s.label)},null,8,K)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[s.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(s.options,(b,v)=>(e.openBlock(),e.createBlock(z,e.mergeProps({key:v},c(b,v)),null,16))),128)):e.renderSlot(s.$slots,"default",{key:1})]),e.createVNode(e.unref(V),{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,13 @@
 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;
     hintLabel: {
@@ -25,18 +26,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
     invalid: BooleanConstructor;
     invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
     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;
     hintLabel: {
@@ -55,6 +61,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
     invalid: BooleanConstructor;
     invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
@@ -63,14 +73,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    options: (string | Option)[];
     readonly: boolean;
     hintLabel: string;
     invalid: boolean;
     valid: boolean;
     vertical: boolean;
-    options: (string | Option)[];
     labelKey: string | Function;
     valueKey: string | Function;
+    disabledKey: string | Function;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,11 +1,12 @@
 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;
     hintLabel: {
@@ -24,6 +25,10 @@ export declare const VvRadioGroupProps: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
     };
+    disabledKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
     invalid: BooleanConstructor;
     invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;