@volverjs/ui-vue 0.0.1-beta.12 → 0.0.1-beta.17

package/dist/components/VvNativeSelect/VvNativeSelect.umd.js

@@ -1,2 +1 @@
-(function(t,A){typeof exports=="object"&&typeof module<"u"?module.exports=A(require("vue"),require("uuid"),require("@iconify/vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","uuid","@iconify/vue","@vueuse/core"],A):(t=typeof globalThis<"u"?globalThis:t||self,t.VvNativeSelect=A(t.vue,t.uuid,t.vue$1,t.core))})(this,function(t,A,E,D){"use strict";const B={equals(e,r,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(r,n):this.deepEquals(e,r)},deepEquals(e,r){if(e===r)return!0;if(e&&r&&typeof e=="object"&&typeof r=="object"){const n=Array.isArray(e),i=Array.isArray(r);let s,u,a;if(n&&i){if(u=e.length,u!=r.length)return!1;for(s=u;s--!==0;)if(!this.deepEquals(e[s],r[s]))return!1;return!0}if(n!=i)return!1;const p=e instanceof Date,l=r instanceof Date;if(p!=l)return!1;if(p&&l)return e.getTime()==r.getTime();const y=e instanceof RegExp,o=r instanceof RegExp;if(y!=o)return!1;if(y&&o)return e.toString()==r.toString();const c=Object.keys(e);if(u=c.length,u!==Object.keys(r).length)return!1;for(s=u;s--!==0;)if(!Object.prototype.hasOwnProperty.call(r,c[s]))return!1;for(s=u;s--!==0;)if(a=c[s],!this.deepEquals(e[a],r[a]))return!1;return!0}return e!==e&&r!==r},resolveFieldData(e,r){if(e&&Object.keys(e).length&&r){if(r.indexOf(".")===-1)return e[r];{const n=r.split(".");let i=e;for(let s=0,u=n.length;s<u;++s){if(e==null)return null;i=i[n[s]]}return i}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,r){let n=-1;if(r){for(let i=0;i<r.length;i++)if(this.equals(r[i],e)){n=i;break}}return n},contains(e,r){if(e!=null&&r&&r.length){for(const n of r)if(this.equals(e,n))return!0}return!1},isEmpty(e){return e==null||e===""||Array.isArray(e)&&e.length===0||!(e instanceof Date)&&typeof e=="object"&&Object.keys(e).length===0},isNotEmpty(e){return!this.isEmpty(e)},pickBy(e,r){return Object.fromEntries(Object.entries(e).filter(([n])=>r(n)))},removeFromList(e,r){const n=this.findIndexInList(e,r);return n>-1?r.filter((i,s)=>s!==n):r},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((r,n)=>{var i,s,u,a,p;return this.isFunction(e[n])?r[n]=e[n]():Array.isArray(e[n])?r[n]=e[n][0]():(i=e[n])!=null&&i.type&&(Array.isArray(e[n].type)?r[n]=((s=e[n])==null?void 0:s.default)||((u=e[n])==null?void 0:u.type[0]()):r[n]=((a=e[n])==null?void 0:a.default)||((p=e[n])==null?void 0:p.type())),r},{})},filterArray(e,r,n){return e.filter(i=>r.some(s=>typeof s=="string"?i[n]==s:this.equals(i[n],s[n])))},kebabCase(e){var r,n;if(e)return(n=(r=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:n.toLowerCase()}},N={...{valid:Boolean,validLabel:[String,Array]},...{error:Boolean,errorLabel:[String,Array]},...{hintLabel:{type:String,default:""}},...{loading:Boolean,loadingLabel:String},...{disabled:Boolean},...{readonly:Boolean},...{modifiers:[String,Array]},modelValue:{type:[String,Object],required:!0},label:String,placeholder:String,options:{type:Array,required:!0},useObject:Boolean,labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,modifiers:[String,Array]},q="ds",F={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function w(e,r){const n={[`${e}`]:!0};return{bemCssClasses:t.computed(()=>Object.keys(r).reduce((s,u)=>{const a=t.unref(r[u])||!1;if(!a)return s;if(u==="modifiers"){const p=Array.isArray(a)?a:[a];return{...s,...p.reduce((l,y)=>({...l,[`${e}--${B.kebabCase(y)}`]:!0}),{})}}else return{...s,[`${e}--${B.kebabCase(u)}`]:a}},n)||{})}}const _=t.defineComponent({__name:"VvIcon",props:F,setup(e){const r=e,n=t.ref(!0),{modifiers:i}=t.toRefs(r),s=t.inject(q),{bemCssClasses:u}=w("vv-icon",{modifiers:i}),a=t.computed(()=>r.provider||(s==null?void 0:s.provider)),p=t.computed(()=>{const o=r.name||"",c=`@${a.value}:${r.prefix}:${r.name}`;return E.iconExists(o)?o:E.iconExists(c)?c:(s==null?void 0:s.iconsCollections.find(m=>{const d=`@${a.value}:${m.prefix}:${o}`;if(E.iconExists(d))return d}))||o});function l(o){let c=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");c=new h().window}return(c?new c.DOMParser:new window.DOMParser).parseFromString(o,"text/html").querySelector("svg")}function y(o){const c=l(o),m=(c==null?void 0:c.innerHTML.trim())||"";c&&m&&E.addIcon(`@${a.value}:${r.prefix}:${r.name}`,{body:m,height:c.viewBox.baseVal.height,width:c.viewBox.baseVal.width})}return s&&(r.src?(n.value=!1,s.fetchIcon(r.src).then(o=>{o&&(y(o),n.value=!0)}).catch(o=>{throw new Error(`During fetch icon: ${o==null?void 0:o.message}`)})):r.svg&&y(r.svg)),(o,c)=>n.value?(t.openBlock(),t.createBlock(t.unref(E.Icon),t.mergeProps({key:0,class:t.unref(u)},{...o.$props,provider:t.unref(a),icon:t.unref(p)}),null,16,["class"])):t.createCommentVNode("",!0)}});function C(e){return Array.isArray(e)?e.filter(r=>B.isString(r)).reduce((r,n)=>r.length>0?r+`
-`+n:n,""):e}function $(e,r){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(n){const i=t.toRefs(e),{error:s,valid:u,hint:a,loading:p}=r,{hintLabel:l,modelValue:y,valid:o,validLabel:c,error:m,errorLabel:d}=i,g=B.resolveFieldData(i,"loading"),h=B.resolveFieldData(i,"loadingLabel"),O=t.computed(()=>m.value?!!(m.value&&s||(d==null?void 0:d.value)&&Array.isArray(d.value)&&d.value.length>0||(d==null?void 0:d.value)&&B.isNotEmpty(d.value)):!1),V=t.computed(()=>!!(l&&l.value||a||u||c&&c.value||O.value||(g==null?void 0:g.value)&&p||(g==null?void 0:g.value)&&(h==null?void 0:h.value))),f=t.computed(()=>{const S=D.toReactive({hintLabel:l,modelValue:y,valid:o,validLabel:c,error:m,errorLabel:d,loading:g,loadingLabel:h,...n.params});return m!=null&&m.value?(s==null?void 0:s(S))||C(d==null?void 0:d.value)||(l==null?void 0:l.value):o!=null&&o.value?(u==null?void 0:u(S))||C(c==null?void 0:c.value)||(l==null?void 0:l.value):g!=null&&g.value?(p==null?void 0:p(S))||C(h==null?void 0:h.value)||(l==null?void 0:l.value):(a==null?void 0:a(S))||C(l==null?void 0:l.value)||(l==null?void 0:l.value)});return{hasHint:V,hintContent:f}},render(){if(this.hasHint)return t.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const R=["for"],I={class:"vv-select__wrapper"},v=["id","value","disabled"],x={key:0,value:"",disabled:"",selected:""},H=["disabled","value"];return t.defineComponent({__name:"VvNativeSelect",props:N,emits:["update:modelValue"],setup(e,{emit:r}){const n=e,i=t.useSlots(),s=$(n,i),{modifiers:u,disabled:a,readonly:p,loading:l,iconLeft:y,iconRight:o,error:c,valid:m}=t.toRefs(n),d=A.v4(),{bemCssClasses:g}=w("vv-select",{modifiers:u,loading:l,readonly:p,iconLeft:y,iconRight:o,valid:m,invalid:c,dirty:t.computed(()=>B.isNotEmpty(n.modelValue))});function h(f){return typeof f=="string"?f:f[n.valueKey]}function O(f){return typeof f=="string"?f:f[n.labelKey]}function V(f){var P;const S=f.target,k=(n.useObject?(P=n.options)==null?void 0:P.find(b=>b[n.valueKey]==S.value):null)||S.value;r("update:modelValue",k)}return(f,S)=>{var j;return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(g))},[f.label?(t.openBlock(),t.createElementBlock("label",{key:0,for:t.unref(d)},t.toDisplayString(f.label),9,R)):t.createCommentVNode("",!0),t.createElementVNode("div",I,[t.renderSlot(f.$slots,"icon-left",{},()=>[t.unref(y)?(t.openBlock(),t.createBlock(_,{key:0,name:t.unref(y)},null,8,["name"])):t.createCommentVNode("",!0)]),t.createElementVNode("select",{id:t.unref(d),value:typeof f.modelValue=="string"?f.modelValue:(j=f.modelValue)==null?void 0:j[f.valueKey],disabled:t.unref(a)||t.unref(p),onInput:V},[f.placeholder?(t.openBlock(),t.createElementBlock("option",x,t.toDisplayString(f.placeholder),1)):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(f.options,(k,P)=>{var b;return t.openBlock(),t.createElementBlock("option",{key:P,disabled:typeof k=="object"&&(b=k.disabled)!=null?b:t.unref(a),value:h(k)},t.toDisplayString(O(k)),9,H)}),128))],40,v),t.renderSlot(f.$slots,"icon-right",{},()=>[t.unref(o)?(t.openBlock(),t.createBlock(_,{key:0,name:t.unref(o)},null,8,["name"])):t.createCommentVNode("",!0)])]),t.createVNode(t.unref(s),{class:"vv-select__hint"})],2)}}})});
+(function(e,k){typeof exports=="object"&&typeof module<"u"?module.exports=k(require("vue"),require("nanoid"),require("@iconify/vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","nanoid","@iconify/vue","@vueuse/core"],k):(e=typeof globalThis<"u"?globalThis:e||self,e.VvNativeSelect=k(e.vue,e.nanoid,e.vue$1,e.core))})(this,function(e,k,b,x){"use strict";function D(i,t){if(i&&Object.keys(i).length&&t){if(t.indexOf(".")===-1)return i[t];{const r=t.split(".");let u=i;for(let a=0,d=r.length;a<d;++a){if(i==null)return null;u=u[r[a]]}return u}}else return null}function j(i){return(t=>t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0)(e.unref(i))}function M(i){return typeof i=="string"||i instanceof String}function q(i){var t,r;if(i)return(r=(t=i.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:t.join("-"))==null?void 0:r.toLowerCase()}const F="ds",H={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function O(i,t){const r={[`${i}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(t).reduce((a,d)=>{const n=e.unref(t[d])||!1;if(!n)return a;if(d==="modifiers"){const S=Array.isArray(n)?n:n.split(" ");return{...a,...S.reduce((m,f)=>({...m,[`${i}--${q(f)}`]:!0}),{})}}else return{...a,[`${i}--${q(d)}`]:n}},r)||{})}}const I={name:"VvIcon"},R=e.defineComponent({...I,props:H,setup(i){const t=i,r=e.ref(!0),{modifiers:u}=e.toRefs(t),a=e.inject(F),{bemCssClasses:d}=O("vv-icon",{modifiers:u}),n=e.computed(()=>t.provider||(a==null?void 0:a.provider)),S=e.computed(()=>{const s=t.name||"",o=`@${n.value}:${t.prefix}:${t.name}`;return b.iconExists(s)?s:b.iconExists(o)?o:(a==null?void 0:a.iconsCollections.find(p=>{const c=`@${n.value}:${p.prefix}:${s}`;if(b.iconExists(c))return c}))||s});function m(s){let o=null;if(typeof window>"u"){const{JSDOM:g}=require("jsdom");o=new g().window}return(o?new o.DOMParser:new window.DOMParser).parseFromString(s,"text/html").querySelector("svg")}function f(s){const o=m(s),p=(o==null?void 0:o.innerHTML.trim())||"";o&&p&&b.addIcon(`@${n.value}:${t.prefix}:${t.name}`,{body:p,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return a&&(t.src&&!b.iconExists(`@${n.value}:${t.prefix}:${t.name}`)?(r.value=!1,a.fetchIcon(t.src).then(s=>{s&&(f(s),r.value=!0)}).catch(s=>{throw new Error(`During fetch icon: ${s==null?void 0:s.message}`)})):t.svg&&f(t.svg)),(s,o)=>r.value?(e.openBlock(),e.createBlock(e.unref(b.Icon),e.mergeProps({key:0,class:e.unref(d)},{...s.$props,provider:e.unref(n),icon:e.unref(S)}),null,16,["class"])):e.createCommentVNode("",!0)}});function C(i){return Array.isArray(i)?i.filter(t=>M(t)).join(" "):i}function K(i,t){const{error:r,valid:u,hint:a,loading:d}=t,{hintLabel:n,modelValue:S,valid:m,validLabel:f,error:s,errorLabel:o,...p}=e.toRefs(i),c=D(p,"loading"),y=D(p,"loadingLabel"),g=e.computed(()=>s.value?!!(s.value&&r||o!=null&&o.value&&Array.isArray(o.value)&&o.value.length>0||o!=null&&o.value&&!j(o)):!1),V=e.computed(()=>!!(n&&n.value||a)),P=e.computed(()=>!!(f&&f.value||u)),_=e.computed(()=>!!(c!=null&&c.value&&d||c!=null&&c.value&&(y!=null&&y.value))),E=e.computed(()=>V.value||P||g.value||_.value);return{hasErrors:g,hasHint:V,hasValid:P,hasLoading:_,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(A){const $=e.computed(()=>{const B=x.toReactive({hintLabel:n,modelValue:S,valid:m,validLabel:f,error:s,errorLabel:o,loading:c,loadingLabel:y,...A.params});return s!=null&&s.value?(r==null?void 0:r(B))||C(o==null?void 0:o.value)||(n==null?void 0:n.value):m!=null&&m.value?(u==null?void 0:u(B))||C(f==null?void 0:f.value)||(n==null?void 0:n.value):c!=null&&c.value?(d==null?void 0:d(B))||C(y==null?void 0:y.value)||(n==null?void 0:n.value):(a==null?void 0:a(B))||C(n==null?void 0:n.value)||(n==null?void 0:n.value)});return{isVisible:E,hasErrors:g,hasValid:P,hintContent:$}},render(){if(this.isVisible)return e.h("small",{role:this.hasErrors||this.hasValid?"alert":void 0},this.hintContent)}}}}const z={...{valid:Boolean,validLabel:[String,Array]},...{error:Boolean,errorLabel:[String,Array]},...{hintLabel:{type:String,default:""}},...{loading:Boolean,loadingLabel:String},...{disabled:Boolean},...{readonly:Boolean},...{modifiers:[String,Array]},id:[String,Number],name:{type:String,required:!0},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,required:Boolean,placeholder:String,options:{type:Array,required:!0},useObject:Boolean,labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},iconLeft:String,iconRight:String,modifiers:[String,Array],tabindex:{type:[String,Number],default:0}},T=["update:modelValue"],Z=["for"],J={class:"vv-select__wrapper"},U=["id","disabled","required"],X={key:0,value:void 0,disabled:""},G=["disabled","value"],Q={name:"VvNativeSelect"};return e.defineComponent({...Q,props:z,emits:T,setup(i,{emit:t}){const r=i,u=e.useSlots(),{HintSlot:a,hasHint:d,hasErrors:n}=K(r,u),{modifiers:S,disabled:m,readonly:f,loading:s,iconLeft:o,iconRight:p,error:c,valid:y}=e.toRefs(r),g=e.computed(()=>String(r.id||k.nanoid())),V=e.computed(()=>`${g.value}-hint`),P=e.computed(()=>!j(r.modelValue)),_=e.computed(()=>r.disabled||r.readonly),E=e.computed(()=>_.value?-1:r.tabindex),A=e.computed(()=>{if(r.error===!0)return!0;if(r.valid===!0)return!1}),{bemCssClasses:$}=O("vv-select",{modifiers:S,loading:s,readonly:f,iconLeft:o,iconRight:p,valid:y,invalid:c,dirty:P}),B=e.computed(()=>({name:r.name,tabindex:E.value,"aria-invalid":A.value,"aria-describedby":!n.value&&d.value?V.value:void 0,"aria-errormessage":n.value?V.value:void 0}));function W(l){return typeof l=="string"?l:l[r.valueKey]}function Y(l){return typeof l=="string"?l:l[r.labelKey]}function L(l){return typeof l=="string"||l.disabled===void 0?m.value:l.disabled}const w=e.computed({get:()=>{var l;return typeof r.modelValue=="object"?(l=r.modelValue)==null?void 0:l[r.valueKey]:r.modelValue},set:l=>{var h;const v=r.useObject?(h=r.options)==null?void 0:h.find(N=>N[r.valueKey]===l):void 0;t("update:modelValue",v??l)}});return(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref($))},[l.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(g)},e.toDisplayString(l.label),9,Z)):e.createCommentVNode("",!0),e.createElementVNode("div",J,[e.renderSlot(l.$slots,"icon-left",{},()=>[e.unref(o)?(e.openBlock(),e.createBlock(R,{key:0,name:e.unref(o)},null,8,["name"])):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref(g),"onUpdate:modelValue":v[0]||(v[0]=h=>e.isRef(w)?w.value=h:null)},e.unref(B),{disabled:e.unref(_),required:l.required}),[l.placeholder?(e.openBlock(),e.createElementBlock("option",X,e.toDisplayString(l.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,(h,N)=>(e.openBlock(),e.createElementBlock("option",{key:N,disabled:L(h),value:W(h)},e.toDisplayString(Y(h)),9,G))),128))],16,U),[[e.vModelSelect,e.unref(w)]]),e.renderSlot(l.$slots,"icon-right",{},()=>[e.unref(p)?(e.openBlock(),e.createBlock(R,{key:0,name:e.unref(p)},null,8,["name"])):e.createCommentVNode("",!0)])]),e.createVNode(e.unref(a),{id:e.unref(V),class:"vv-select__hint"},null,8,["id"])],2))}})});

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

@@ -1,183 +1,61 @@
-import { type Option } from './VvNativeSelect';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            disabled: boolean;
-            readonly: boolean;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            useObject: boolean;
-            labelKey: string;
-            valueKey: string;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: (StringConstructor | ObjectConstructor)[];
-                required: boolean;
-            };
-            label: StringConstructor;
-            placeholder: StringConstructor;
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "readonly" | "loading" | "error" | "valid" | "hintLabel" | "useObject" | "labelKey" | "valueKey">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: (StringConstructor | ObjectConstructor)[];
-                required: boolean;
-            };
-            label: StringConstructor;
-            placeholder: StringConstructor;
-            options: {
-                type: import("vue").PropType<(string | Option)[]>;
-                required: boolean;
-            };
-            useObject: BooleanConstructor;
-            labelKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            valueKey: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            modifiers: (StringConstructor | ArrayConstructor)[];
-            readonly: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], string, {
-            disabled: boolean;
-            readonly: boolean;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            useObject: boolean;
-            labelKey: string;
-            valueKey: string;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: (StringConstructor | ObjectConstructor)[];
-            required: boolean;
-        };
-        label: StringConstructor;
-        placeholder: StringConstructor;
-        options: {
-            type: import("vue").PropType<(string | Option)[]>;
-            required: boolean;
-        };
-        useObject: BooleanConstructor;
-        labelKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        valueKey: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconLeft: StringConstructor;
-        iconRight: StringConstructor;
-        modifiers: (StringConstructor | ArrayConstructor)[];
-        readonly: BooleanConstructor;
-        disabled: BooleanConstructor;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
-        hintLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+import { type Option } from '@/components/VvNativeSelect';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
     modelValue: {
-        type: (StringConstructor | ObjectConstructor)[];
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: StringConstructor;
+    required: BooleanConstructor;
+    placeholder: StringConstructor;
+    options: {
+        type: import("vue").PropType<(string | Option)[]>;
+        required: boolean;
+    };
+    useObject: BooleanConstructor;
+    labelKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    valueKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    modifiers: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
         required: boolean;
     };
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     label: StringConstructor;
+    required: BooleanConstructor;
     placeholder: StringConstructor;
     options: {
         type: import("vue").PropType<(string | Option)[]>;
@@ -194,7 +72,11 @@ declare const _default: {
     };
     iconLeft: StringConstructor;
     iconRight: StringConstructor;
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: (ArrayConstructor | StringConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
@@ -204,25 +86,31 @@ declare const _default: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
     disabled: boolean;
-    readonly: boolean;
-    loading: boolean;
     error: boolean;
-    valid: boolean;
+    required: boolean;
+    loading: boolean;
+    readonly: boolean;
+    tabindex: string | number;
     hintLabel: string;
+    valid: boolean;
     useObject: boolean;
     labelKey: string;
     valueKey: string;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        'icon-left': (_: {}) => any;
-        'icon-right': (_: {}) => any;
-    };
-});
+}>, {
+    'icon-left': (_: {}) => any;
+    'icon-right': (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvNativeSelect/{VvNativeSelect.d.ts → index.d.ts}

@@ -1,19 +1,35 @@
 import type { PropType } from 'vue';
 export interface Option {
-    [key: string]: any;
+    [key: string]: unknown;
+    disabled?: boolean;
 }
 export declare const VvNativeSelectProps: {
     /**
-     * modelValue can be an Object, a String or an Array of Object/String
+     * Select id
      */
-    modelValue: {
-        type: (StringConstructor | ObjectConstructor)[];
+    id: (StringConstructor | NumberConstructor)[];
+    /**
+     * Select name
+     */
+    name: {
+        type: StringConstructor;
         required: boolean;
     };
     /**
-     * Select input label
+     * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+     */
+    modelValue: {
+        type: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    /**
+     * Select label
      */
     label: StringConstructor;
+    /**
+     * Select required
+     */
+    required: BooleanConstructor;
     /**
      * Select input placeholder
      */
@@ -54,17 +70,28 @@ export declare const VvNativeSelectProps: {
     /**
      * String or String[] of css classes (modifiers) that will be concatenated to prefix 'vv-native-select--'
      */
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: (ArrayConstructor | StringConstructor)[];
+    /**
+     * Sequential keyboard navigation
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
     hintLabel: {
+        /**
+         * modelValue can be a string, number, boolean, object or array of string, number, boolean, object
+         */
         type: StringConstructor;
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
+export declare const VvNativeSelectEmits: string[];

package/dist/components/VvProgress/VvProgress.es.js

@@ -1,159 +1,45 @@
-import { computed as c, unref as m, defineComponent as p, toRefs as d, openBlock as h, createElementBlock as A, mergeProps as b } from "vue";
-const g = {
-  equals(e, r, t) {
-    return t ? this.resolveFieldData(e, t) === this.resolveFieldData(r, t) : this.deepEquals(e, r);
-  },
-  deepEquals(e, r) {
-    if (e === r)
-      return !0;
-    if (e && r && typeof e == "object" && typeof r == "object") {
-      const t = Array.isArray(e), n = Array.isArray(r);
-      let s, i, o;
-      if (t && n) {
-        if (i = e.length, i != r.length)
-          return !1;
-        for (s = i; s-- !== 0; )
-          if (!this.deepEquals(e[s], r[s]))
-            return !1;
-        return !0;
-      }
-      if (t != n)
-        return !1;
-      const f = e instanceof Date, l = r instanceof Date;
-      if (f != l)
-        return !1;
-      if (f && l)
-        return e.getTime() == r.getTime();
-      const a = e instanceof RegExp, y = r instanceof RegExp;
-      if (a != y)
-        return !1;
-      if (a && y)
-        return e.toString() == r.toString();
-      const u = Object.keys(e);
-      if (i = u.length, i !== Object.keys(r).length)
-        return !1;
-      for (s = i; s-- !== 0; )
-        if (!Object.prototype.hasOwnProperty.call(r, u[s]))
-          return !1;
-      for (s = i; s-- !== 0; )
-        if (o = u[s], !this.deepEquals(e[o], r[o]))
-          return !1;
-      return !0;
-    }
-    return e !== e && r !== r;
-  },
-  resolveFieldData(e, r) {
-    if (e && Object.keys(e).length && r) {
-      if (r.indexOf(".") === -1)
-        return e[r];
-      {
-        const t = r.split(".");
-        let n = e;
-        for (let s = 0, i = t.length; s < i; ++s) {
-          if (e == null)
-            return null;
-          n = n[t[s]];
-        }
-        return n;
-      }
-    } else
-      return null;
-  },
-  isFunction(e) {
-    return !!(e && e.constructor && e.call && e.apply);
-  },
-  findIndexInList(e, r) {
-    let t = -1;
-    if (r) {
-      for (let n = 0; n < r.length; n++)
-        if (this.equals(r[n], e)) {
-          t = n;
-          break;
-        }
-    }
-    return t;
-  },
-  contains(e, r) {
-    if (e != null && r && r.length) {
-      for (const t of r)
-        if (this.equals(e, t))
-          return !0;
-    }
-    return !1;
-  },
-  isEmpty(e) {
-    return e == null || e === "" || Array.isArray(e) && e.length === 0 || !(e instanceof Date) && typeof e == "object" && Object.keys(e).length === 0;
-  },
-  isNotEmpty(e) {
-    return !this.isEmpty(e);
-  },
-  pickBy(e, r) {
-    return Object.fromEntries(
-      Object.entries(e).filter(([t]) => r(t))
-    );
-  },
-  removeFromList(e, r) {
-    const t = this.findIndexInList(e, r);
-    return t > -1 ? r.filter((n, s) => s !== t) : r;
-  },
-  isString(e) {
-    return typeof e == "string" || e instanceof String;
-  },
-  propsToObject(e) {
-    return Object.keys(e).reduce((r, t) => {
-      var n, s, i, o, f;
-      return this.isFunction(e[t]) ? r[t] = e[t]() : Array.isArray(e[t]) ? r[t] = e[t][0]() : (n = e[t]) != null && n.type && (Array.isArray(e[t].type) ? r[t] = ((s = e[t]) == null ? void 0 : s.default) || ((i = e[t]) == null ? void 0 : i.type[0]()) : r[t] = ((o = e[t]) == null ? void 0 : o.default) || ((f = e[t]) == null ? void 0 : f.type())), r;
-    }, {});
-  },
-  filterArray(e, r, t) {
-    return e.filter((n) => r.some((s) => typeof s == "string" ? n[t] == s : this.equals(
-      n[t],
-      s[t]
-    )));
-  },
-  kebabCase(e) {
-    var r, t;
-    if (e)
-      return (t = (r = e.match(
-        /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
-      )) == null ? void 0 : r.join("-")) == null ? void 0 : t.toLowerCase();
-  }
-};
-function C(e, r) {
-  const t = { [`${e}`]: !0 };
+import { computed as m, unref as n, defineComponent as d, toRefs as p, openBlock as b, createElementBlock as g, mergeProps as C } from "vue";
+function c(s) {
+  var e, t;
+  if (s)
+    return (t = (e = s.match(
+      /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+    )) == null ? void 0 : e.join("-")) == null ? void 0 : t.toLowerCase();
+}
+function _(s, e) {
+  const t = { [`${s}`]: !0 };
   return {
-    bemCssClasses: c(() => Object.keys(r).reduce((s, i) => {
-      const o = m(r[i]) || !1;
-      if (!o)
-        return s;
-      if (i === "modifiers") {
-        const f = Array.isArray(o) ? o : [o];
+    bemCssClasses: m(() => Object.keys(e).reduce((o, a) => {
+      const r = n(e[a]) || !1;
+      if (!r)
+        return o;
+      if (a === "modifiers") {
+        const u = Array.isArray(r) ? r : r.split(" ");
         return {
-          ...s,
-          ...f.reduce(
-            (l, a) => ({
+          ...o,
+          ...u.reduce(
+            (l, f) => ({
               ...l,
-              [`${e}--${g.kebabCase(
-                a
-              )}`]: !0
+              [`${s}--${c(f)}`]: !0
             }),
             {}
           )
         };
       } else
         return {
-          ...s,
-          [`${e}--${g.kebabCase(i)}`]: o
+          ...o,
+          [`${s}--${c(a)}`]: r
         };
     }, t) || {})
   };
 }
-const O = {
+const v = {
   modifiers: [String, Array]
-}, x = {
-  ...O,
+}, y = {
+  ...v,
   value: {
-    type: [Number, String]
+    type: [Number, String],
+    default: void 0
   },
   max: {
     type: [Number, String]
@@ -161,28 +47,25 @@ const O = {
   ariaLabel: {
     type: String,
     default: "progress-bar"
-  },
-  determinate: { type: Boolean, default: !1 }
-}, k = /* @__PURE__ */ p({
-  __name: "VvProgress",
-  props: x,
-  setup(e) {
-    const r = e, { modifiers: t } = d(r), { bemCssClasses: n } = C("vv-progress", {
-      modifiers: t,
-      indeterminate: c(() => !r.determinate)
-    }), s = c(() => ({
-      "aria-label": r.ariaLabel,
-      role: "progressbar",
-      class: n.value,
-      value: r.value,
-      max: r.max
-    }));
-    return (i, o) => (h(), A("progress", b({
-      ref: "progress",
-      "aria-label": "progressbar"
-    }, m(s)), null, 16));
+  }
+}, A = {
+  name: "VvProgress"
+}, $ = /* @__PURE__ */ d({
+  ...A,
+  props: y,
+  setup(s) {
+    const e = s, { value: t, max: i, ariaLabel: o } = p(e), a = m(() => e.value === void 0), { bemCssClasses: r } = _("vv-progress", {
+      modifiers: e.modifiers,
+      indeterminate: a
+    });
+    return (u, l) => (b(), g("progress", C({ role: "progressbar" }, {
+      class: n(r),
+      ariaLabel: n(o),
+      max: n(i),
+      value: n(t)
+    }), null, 16));
   }
 });
 export {
-  k as default
+  $ as default
 };