@volverjs/ui-vue 0.0.3 → 0.0.5-beta.1

package/dist/components/VvCheckbox/VvCheckbox.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.VvCheckbox=g(t.vue))})(this,function(t){"use strict";var g=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(g||{}),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||{}),A=(e=>(e.before="before",e.after="after",e))(A||{});const E=Symbol.for("checkGroup"),P={valid:Boolean,validLabel:[String,Array]},R={invalid:Boolean,invalidLabel:[String,Array]},w={disabled:Boolean},G={readonly:Boolean},O={modifiers:[String,Array]},H={hintLabel:{type:String,default:""}};A.before;const D={tabindex:{type:[String,Number],default:0}},T={id:[String,Number]};g.bottom;const M={...{...{...T,name:{type:String,required:!0}},...D,...P,...R,...H,...w,...G,...O,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},...O,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},q=["click","update:modelValue","change","blur"];function F(e,v){const{group:o,isInGroup:p,getGroupOrLocalRef:l}=useInjectedGroupState(E),{id:d,switch:r,indeterminate:V}=toRefs(e),c=l("modelValue",e,v),s=l("readonly",e),a=l("disabled",e),n=l("valid",e),S=l("invalid",e);return{id:d,propsSwitch:r,indeterminate:V,group:o,isInGroup:p,modelValue:c,readonly:s,disabled:a,valid:n,invalid:S}}function x(e){return Array.isArray(e)?e.filter(v=>isString(v)).join(" "):e}function U(e,v){const{invalid:o,valid:p,hint:l,loading:d}=v,{hintLabel:r,modelValue:V,valid:c,validLabel:s,invalid:a,invalidLabel:n,...S}=toRefs(e),u=resolveFieldData(S,"loading"),f=resolveFieldData(S,"loadingLabel"),m=computed(()=>a.value?!!(a.value&&o||n!=null&&n.value&&Array.isArray(n.value)&&n.value.length>0||n!=null&&n.value&&!isEmpty(n)):!1),b=computed(()=>!!(r&&r.value||l)),k=computed(()=>!!(s&&s.value||p)),C=computed(()=>!!(u!=null&&u.value&&d||u!=null&&u.value&&(f!=null&&f.value))),_=computed(()=>b.value||k.value||m.value||C.value);return{hasInvalid:m,hasHint:b,hasValid:k,hasLoading:C,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(j){const I=computed(()=>{const y=toReactive({hintLabel:r,modelValue:V,valid:c,validLabel:s,invalid:a,invalidLabel:n,loading:u,loadingLabel:f,...j.params});return a!=null&&a.value?(o==null?void 0:o(y))||x(n==null?void 0:n.value)||(r==null?void 0:r.value):c!=null&&c.value?(p==null?void 0:p(y))||x(s==null?void 0:s.value)||(r==null?void 0:r.value):u!=null&&u.value?(d==null?void 0:d(y))||x(f==null?void 0:f.value)||(r==null?void 0:r.value):(l==null?void 0:l(y))||x(r==null?void 0:r.value)||(r==null?void 0:r.value)});return{isVisible:_,hasInvalid:m,hasValid:k,hintContent:I}},render(){if(this.isVisible)return h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const z=["for"],K=["id","name","disabled","value","tabindex","aria-invalid"],J={name:"VvCheckbox"};return t.defineComponent({...J,props:M,emits:q,setup(e,{emit:v}){const o=e,p=useSlots(),{id:l,disabled:d,readonly:r,valid:V,invalid:c,propsSwitch:s,modelValue:a,indeterminate:n,isInGroup:S}=F(o,v),u=useUniqueId(l),f=computed(()=>k.value?-1:o.tabindex),m=ref(),b=computed(()=>o.uncheckedValue!==void 0&&!S.value),k=computed(()=>d.value||r.value),C=computed(()=>{if(c.value===!0)return!0;if(V.value===!0)return!1}),_=computed(()=>b.value?a.value===o.value:Array.isArray(a.value)?contains(o.value,a.value):equals(o.value,a.value)),j=computed(()=>!!(n.value||!_.value&&b.value&&o.uncheckedValue!==a.value)),I=computed(()=>{if(!b.value)return["string","number","boolean"].includes(typeof o.value)?o.value:!0}),y=computed({get(){return _.value},set(i){if(b.value)a.value=i?o.value:o.uncheckedValue;else if(Array.isArray(a.value)||S.value){const B=new Set(Array.isArray(a.value)?a.value:a.value!==void 0?[a.value]:[]);i?B.add(o.value):B.delete(o.value),a.value=[...B]}else a.value=i?o.value:void 0;v("change",i)}}),{modifiers:W}=toRefs(o),Y=useBemModifiers("vv-checkbox",W,computed(()=>({switch:s.value,valid:V.value,invalid:c.value,disabled:d.value,readonly:r.value,indeterminate:n.value})));watchEffect(()=>{b.value&&Array.isArray(a.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),watch(()=>j.value,i=>{i?m.value.indeterminate=!0:m.value.indeterminate=!1}),onMounted(()=>{j.value&&(m.value.indeterminate=!0)});const{HintSlot:$}=U(o,p);return(i,B)=>(t.openBlock(),t.createElementBlock("label",{class:t.normalizeClass(t.unref(Y)),for:t.unref(u)},[t.withDirectives(t.createElementVNode("input",{id:t.unref(u),ref_key:"input",ref:m,"onUpdate:modelValue":B[0]||(B[0]=Q=>t.isRef(y)?y.value=Q:null),type:"checkbox",class:"vv-checkbox__input",name:i.name,disabled:t.unref(k),value:t.unref(I),tabindex:t.unref(f),"aria-invalid":t.unref(C)},null,8,K),[[t.vModelCheckbox,t.unref(y)]]),t.renderSlot(i.$slots,"default",{value:t.unref(a)},()=>[t.createTextVNode(t.toDisplayString(i.label),1)]),t.createVNode(t.unref($),{class:"vv-checkbox__hint",params:{value:t.unref(a)}},null,8,["params"])],10,z))}})});
+!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?module.exports=l(require("vue"),require("@vueuse/core"),require("nanoid")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core","nanoid"],l):(e="undefined"!=typeof globalThis?globalThis:e||self).VvCheckbox=l(e.vue,e.core,e.nanoid)}(this,(function(e,l,n){"use strict";var a=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(a||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),u=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(u||{});const o=Symbol.for("checkGroup"),i={valid:Boolean,validLabel:[String,Array]},r={invalid:Boolean,invalidLabel:[String,Array]},d={disabled:Boolean},v=(Boolean,Boolean,{label:[String,Number]}),s={readonly:Boolean},c={modifiers:[String,Array]},f={hintLabel:{type:String,default:""}};t.before;const p={tabindex:{type:[String,Number],default:0}},m={id:[String,Number]};a.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const b={...{...m,name:{type:String,required:!0}},...p,...i,...r,...f,...d,...s,...c,...v,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String]};function h(e,l,n){return n?g(e,n)===g(l,n):y(e,l)}function y(e,l){if(e===l)return!0;if(e&&l&&"object"==typeof e&&"object"==typeof l){const n=Array.isArray(e),a=Array.isArray(l);let t,u,o;if(n&&a){if(u=e.length,u!=l.length)return!1;for(t=u;0!=t--;)if(!y(e[t],l[t]))return!1;return!0}if(n!=a)return!1;const i=e instanceof Date,r=l instanceof Date;if(i!=r)return!1;if(i&&r)return e.getTime()==l.getTime();const d=e instanceof RegExp,v=l instanceof RegExp;if(d!=v)return!1;if(d&&v)return e.toString()==l.toString();const s=Object.keys(e);if(u=s.length,u!==Object.keys(l).length)return!1;for(t=u;0!=t--;)if(!Object.prototype.hasOwnProperty.call(l,s[t]))return!1;for(t=u;0!=t--;)if(o=s[t],!y(e[o],l[o]))return!1;return!0}return e!=e&&l!=l}function g(e,l){if(e&&Object.keys(e).length&&l){if(-1===l.indexOf("."))return e[l];{const n=l.split(".");let a=e;for(let l=0,t=n.length;l<t;++l){if(null==e)return null;a=a[n[l]]}return a}}return null}function S(l){return null==(n=e.unref(l))||""===n||Array.isArray(n)&&0===n.length||!(n instanceof Date)&&"object"==typeof n&&0===Object.keys(n).length;var n}u.button;const A={...b,...c,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean};function B(l,n){const{group:a,isInGroup:t,getGroupOrLocalRef:u}=function(l){const n=e.inject(l,void 0),a=e.computed((()=>!S(n)));return{group:n,isInGroup:a,getGroupOrLocalRef:function(l,a,t){if(null==n?void 0:n.value){const a=e.unref(n.value)[l];return e.computed({get:()=>null==a?void 0:a.value,set(e){a.value=e}})}const u=e.toRef(a,l);return e.computed({get:()=>u.value,set(e){t&&t(`update:${l}`,e)}})}}}(o),{id:i,switch:r,indeterminate:d}=e.toRefs(l),v=u("modelValue",l,n),s=u("valid",l),c=u("invalid",l),f=e.computed((()=>{var e;return Boolean(l.readonly||(null==(e=null==a?void 0:a.value)?void 0:e.disabled.value))})),p=e.computed((()=>{var e;return Boolean(l.disabled||(null==(e=null==a?void 0:a.value)?void 0:e.disabled.value))}));return{id:i,propsSwitch:r,indeterminate:d,group:a,isInGroup:t,modelValue:v,valid:s,invalid:c,readonly:f,disabled:p}}function V(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(l=e)||l instanceof String;var l})).join(" "):e}const k=["for"],x=["id","name","disabled","value","tabindex","aria-invalid"];return e.defineComponent({name:"VvCheckbox",props:A,emits:["click","update:modelValue","change","blur"],setup(a,{emit:t}){const u=a,o=e.useSlots(),{id:i,disabled:r,readonly:d,valid:v,invalid:s,propsSwitch:c,modelValue:f,indeterminate:p,isInGroup:m}=B(u,t),b=(l=>e.computed((()=>String((null==l?void 0:l.value)||n.nanoid()))))(i),y=e.computed((()=>L.value?-1:u.tabindex)),A=e.ref(),j=e.computed((()=>void 0!==u.uncheckedValue&&!m.value)),L=e.computed((()=>r.value||d.value)),O=e.computed((()=>!0===s.value||!0!==v.value&&void 0)),w=e.computed((()=>j.value?f.value===u.value:Array.isArray(f.value)?function(e,l){if(null!=e&&l&&l.length)for(const n of l)if(h(e,n))return!0;return!1}(u.value,f.value):h(u.value,f.value))),R=e.computed((()=>!!p.value||!(w.value||!j.value||u.uncheckedValue===f.value))),N=e.computed((()=>{if(!j.value)return!["string","number","boolean"].includes(typeof u.value)||u.value})),C=e.computed({get:()=>w.value,set(e){if(j.value)f.value=e?u.value:u.uncheckedValue;else if(Array.isArray(f.value)||m.value){const l=new Set(Array.isArray(f.value)?f.value:void 0!==f.value?[f.value]:[]);e?l.add(u.value):l.delete(u.value),f.value=[...l]}else f.value=e?u.value:void 0;t("change",e)}}),{modifiers:E}=e.toRefs(u),G=function(l,n,a){return e.computed((()=>{const t={[l]:!0},u="string"==typeof(null==n?void 0:n.value)?n.value.split(" "):null==n?void 0:n.value;return u&&Array.isArray(u)&&u.forEach((e=>{e&&(t[`${l}--${e}`]=!0)})),a&&Object.keys(a.value).forEach((n=>{t[`${l}--${n}`]=e.unref(a.value[n])})),t}))}("vv-checkbox",E,e.computed((()=>({switch:c.value,valid:v.value,invalid:s.value,disabled:r.value,readonly:d.value,indeterminate:p.value}))));e.watchEffect((()=>{j.value&&Array.isArray(f.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")})),e.watch((()=>R.value),(e=>{A.value.indeterminate=!!e})),e.onMounted((()=>{R.value&&(A.value.indeterminate=!0)}));const{HintSlot:I}=function(n,a){const{invalid:t,valid:u,hint:o,loading:i}=a,{hintLabel:r,modelValue:d,valid:v,validLabel:s,invalid:c,invalidLabel:f,...p}=e.toRefs(n),m=g(p,"loading"),b=g(p,"loadingLabel"),h=e.computed((()=>!(!c.value||(!c.value||!t)&&!((null==f?void 0:f.value)&&Array.isArray(f.value)&&f.value.length>0)&&(!(null==f?void 0:f.value)||S(f))))),y=e.computed((()=>!!(r&&r.value||o))),A=e.computed((()=>!!(s&&s.value||u))),B=e.computed((()=>!!((null==m?void 0:m.value)&&i||(null==m?void 0:m.value)&&(null==b?void 0:b.value)))),k=e.computed((()=>y.value||A.value||h.value||B.value));return{hasInvalid:h,hasHint:y,hasValid:A,hasLoading:B,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(n){const a=e.computed((()=>{const e=l.toReactive({hintLabel:r,modelValue:d,valid:v,validLabel:s,invalid:c,invalidLabel:f,loading:m,loadingLabel:b,...n.params});return(null==c?void 0:c.value)?(null==t?void 0:t(e))||V(null==f?void 0:f.value)||(null==r?void 0:r.value):(null==v?void 0:v.value)?(null==u?void 0:u(e))||V(null==s?void 0:s.value)||(null==r?void 0:r.value):(null==m?void 0:m.value)?(null==i?void 0:i(e))||V(null==b?void 0:b.value)||(null==r?void 0:r.value):(null==o?void 0:o(e))||V(null==r?void 0:r.value)||(null==r?void 0:r.value)}));return{isVisible:k,hasInvalid:h,hasValid:A,hintContent:a}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}(u,o);return(l,n)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(G)),for:e.unref(b)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(b),ref_key:"input",ref:A,"onUpdate:modelValue":n[0]||(n[0]=l=>e.isRef(C)?C.value=l:null),type:"checkbox",class:"vv-checkbox__input",name:l.name,disabled:e.unref(L),value:e.unref(N),tabindex:e.unref(y),"aria-invalid":e.unref(O)},null,8,x),[[e.vModelCheckbox,e.unref(C)]]),e.renderSlot(l.$slots,"default",{value:e.unref(f)},(()=>[e.createTextVNode(e.toDisplayString(l.label),1)])),e.createVNode(e.unref(I),{class:"vv-checkbox__hint",params:{value:e.unref(f)}},null,8,["params"])],10,k))}})}));

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

@@ -2,10 +2,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     indeterminate: BooleanConstructor;
     uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     switch: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -29,10 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     indeterminate: BooleanConstructor;
     uncheckedValue: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     switch: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {

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

@@ -1,5 +1,5 @@
 import type { ExtractPropTypes, Ref } from 'vue';
-import type { InputGroupState } from '@/types/group';
+import type { InputGroupState } from '../../types/group';
 export declare const VvCheckboxProps: {
     /**
      * If true, the input will be indeterminated
@@ -13,10 +13,10 @@ export declare const VvCheckboxProps: {
      * If true, the input will be displayed as a switch
      */
     switch: BooleanConstructor;
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     modelValue: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     hintLabel: {
@@ -47,10 +47,10 @@ export declare function useGroupProps(props: VvCheckboxPropsTypes, emit: (event:
     propsSwitch: Ref<boolean>;
     indeterminate: Ref<boolean>;
     group: Ref<InputGroupState> | undefined;
-    isInGroup: import("vue").ComputedRef<boolean>;
+    isInGroup: globalThis.ComputedRef<boolean>;
     modelValue: import("vue").WritableComputedRef<unknown>;
-    readonly: Ref<boolean>;
-    disabled: Ref<boolean>;
     valid: Ref<boolean>;
     invalid: Ref<boolean>;
+    readonly: globalThis.ComputedRef<boolean>;
+    disabled: globalThis.ComputedRef<boolean>;
 };