@volverjs/ui-vue 0.0.4 → 0.0.5-beta.2

package/dist/components/VvCheckbox/VvCheckbox.umd.js

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

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,7 +13,7 @@ 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 | NumberConstructor)[];
@@ -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>;
 };