@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1-beta.8

package/dist/components/VvRadioGroup/vv-radio-group.umd.js

@@ -1,2 +1,2 @@
-(function(r,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],_):(r=typeof globalThis<"u"?globalThis:r||self,r.VvRadioGroup=_(r.vue,r.core))})(this,function(r,_){"use strict";const E={valid:Boolean,validLabel:[String,Array]},b={error:Boolean,errorLabel:[String,Array]},j={hintLabel:{type:String,default:""}},I={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},P=["update:modelValue"],F={...E,...b,...I,...j,modelValue:null,label:{type:String,default:""},name:{type:String,default:"",required:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}};function q(e){if(Object.keys(e).some(t=>t!=="key"&&!r.isRef(e[t])))throw Error("One or more groupState props aren't ref.");console.log("PRovide - ",e),r.provide(e.key,r.computed(()=>e))}function D(e){const{options:t,optionLabel:n,optionValue:o}=r.toRefs(e);return{options:t,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof n.value=="function"?n.value(l):l[n.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof o.value=="function"?o.value(l):l[o.value]}}const h={equals(e,t,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const n=Array.isArray(e),o=Array.isArray(t);let s,a,l;if(n&&o){if(a=e.length,a!=t.length)return!1;for(s=a;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(n!=o)return!1;const i=e instanceof Date,c=t instanceof Date;if(i!=c)return!1;if(i&&c)return e.getTime()==t.getTime();const f=e instanceof RegExp,p=t instanceof RegExp;if(f!=p)return!1;if(f&&p)return e.toString()==t.toString();const d=Object.keys(e);if(a=d.length,a!==Object.keys(t).length)return!1;for(s=a;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,d[s]))return!1;for(s=a;s--!==0;)if(l=d[s],!this.deepEquals(e[l],t[l]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const n=t.split(".");let o=e;for(let s=0,a=n.length;s<a;++s){if(e==null)return null;o=o[n[s]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){n=o;break}}return n},contains(e,t){if(e!=null&&t&&t.length){for(const n of t)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,t){return Object.fromEntries(Object.entries(e).filter(([n])=>t(n)))},removeFromList(e,t){const n=this.findIndexInList(e,t);return n>-1?t.filter((o,s)=>s!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var o,s,a,l,i;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(o=e[n])!=null&&o.type&&(Array.isArray(e[n].type)?t[n]=((s=e[n])==null?void 0:s.default)||((a=e[n])==null?void 0:a.type[0]()):t[n]=((l=e[n])==null?void 0:l.default)||((i=e[n])==null?void 0:i.type())),t},{})},filterArray(e,t,n){return e.filter(o=>t.some(s=>typeof s=="string"?o[n]==s:this.equals(o[n],s[n])))},kebabCase(e){var t,n;if(e)return(n=(t=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:t.join("-"))==null?void 0:n.toLowerCase()}};function v(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((s,a)=>{const l=r.unref(t[a])||!1;if(!l)return s;if(a==="modifiers"){const i=Array.isArray(l)?l:[l];return{...s,...i.reduce((c,f)=>({...c,[`${e}--${h.kebabCase(f)}`]:!0}),{})}}else return{...s,[`${e}--${h.kebabCase(a)}`]:l}},n)||{})}}const S=Symbol("VV_RADIO_GROUP"),G={...E,...b,value:null,modelValue:{type:[Object,Number,Boolean,String]},label:{type:String,default:""},disabled:Boolean,readonly:Boolean},$=["click","update:modelValue","change","focus","blur"];function N(e){const t=r.inject(e,void 0);console.log("Inject - ",t);const n=r.computed(()=>h.isNotEmpty(t));function o(s,a,l){if(t!=null&&t.value){const i=r.unref(t.value)[s];return r.computed({get(){return i==null?void 0:i.value},set(c){i.value=c}})}else{const i=r.toRef(a,s);return r.computed({get(){return i.value},set(c){l&&l(`update:${s}`,c)}})}}return{group:t,isInGroup:n,getGroupOrLocalRef:o}}function x(e,t){const{group:n,isInGroup:o,getGroupOrLocalRef:s}=N(S),{valid:a,error:l}=r.toRefs(e),i=s("modelValue",e,t),c=s("readonly",e),f=s("disabled",e);return{group:n,isInGroup:o,valid:a,error:l,modelValue:i,readonly:c,disabled:f}}function H(e,t){const{focused:n}=_.useFocus(e);return r.watch(n,o=>{t(o?"focus":"blur",e.value)}),{focused:n}}const w={inheritAttrs:!1},T=r.defineComponent({...w,__name:"VvRadio",props:G,emits:$,setup(e,{emit:t}){const n=e,o=r.useAttrs(),{disabled:s,readonly:a,modelValue:l,valid:i,error:c}=x(n,t),f=r.ref(),p=r.computed(()=>Array.isArray(l.value)?h.contains(n.value,l.value):h.equals(n.value,l.value)),{focused:d}=H(f,t),{bemCssClasses:u}=v("vv-input-radio",{valid:i,invalid:c}),{bemCssClasses:y}=v("vv-input-radio__input",{checked:p,disabled:s,readonly:a}),A=r.computed(()=>{const{class:g}=o;return{class:g,...u.value}}),R=r.computed(()=>({"focus-visible":d.value,...y.value})),m=r.computed(()=>{const{id:g,name:O,style:B}=o,J=h.pickBy(o,K=>K.startsWith("data-"));return{for:g||O,style:B,...J}}),C=r.computed(()=>{const{id:g="",name:O=""}=o;return{type:"radio",id:g||O,name:O,value:n.value,disabled:s.value,readonly:a.value,checked:p.value,...V.value}}),V=r.computed(()=>{const{name:g}=o,O=h.pickBy(o,B=>B.startsWith("aria-"));return{"aria-label":g,"aria-checked":p.value,...O}});function k(){p.value||t("change",n.value),l.value=n.value}function W(g){s.value||(t("click",g),d.value=!0)}return(g,O)=>(r.openBlock(),r.createElementBlock("label",r.mergeProps({class:r.unref(A)},r.unref(m),{onClick:W}),[r.createElementVNode("input",r.mergeProps({ref_key:"input",ref:f,class:r.unref(R)},r.unref(C),{onInput:k}),null,16),r.renderSlot(g.$slots,"default",{value:r.unref(l)},()=>[r.createTextVNode(r.toDisplayString(g.label),1)])],16))}});function z(e){return Array.isArray(e)?e.filter(t=>h.isString(t)).reduce((t,n)=>t.length>0?t+`
-`+n:n,""):e}function Z(e,t){return{name:"HintSlot",setup(){const n=r.toRefs(e),{error:o,valid:s,hint:a,loading:l}=t,{hintLabel:i,modelValue:c,valid:f,validLabel:p,error:d,errorLabel:u}=n,y=h.resolveFieldData(n,"loading"),A=h.resolveFieldData(n,"loadingLabel"),R=r.computed(()=>d.value?!!(d.value&&o||(u==null?void 0:u.value)&&Array.isArray(u.value)&&u.value.length>0||(u==null?void 0:u.value)&&h.isNotEmpty(u.value)):!1),m=r.computed(()=>!!(i&&i.value||a||s||p&&p.value||R.value||(y==null?void 0:y.value)&&l||(y==null?void 0:y.value)&&(A==null?void 0:A.value))),C=r.computed(()=>Array.isArray(u==null?void 0:u.value)?z((u==null?void 0:u.value)||""):u==null?void 0:u.value),V=r.computed(()=>{const k={modelValue:c,error:d,valid:f};return d!=null&&d.value?(o==null?void 0:o(k))||(C==null?void 0:C.value)||(i==null?void 0:i.value):f!=null&&f.value?(s==null?void 0:s(k))||(p==null?void 0:p.value)||(i==null?void 0:i.value):y!=null&&y.value?(l==null?void 0:l(k))||(A==null?void 0:A.value)||(i==null?void 0:i.value):(a==null?void 0:a(k))||(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:m,hintContent:V}},render(){if(this.hasHint)return r.h("span",null,this.hintContent)}}}const U=["textContent"],M={class:"vv-input-radio-group__wrapper"};return r.defineComponent({__name:"VvRadioGroup",props:F,emits:P,setup(e,{emit:t}){const n=e,o=r.useSlots(),s=_.useVModel(n,"modelValue",t),{disabled:a,readonly:l,vertical:i,valid:c,error:f}=r.toRefs(n);q({key:S,modelValue:s,disabled:a,readonly:l});const{getOptionLabel:d,getOptionValue:u}=D(n),{bemCssClasses:y}=v("vv-input-radio-group",{horizontal:r.computed(()=>!i.value),valid:c,invalid:f});function A(m,C){return{id:`${n.name}_opt${C}`,name:n.name,label:d(m),value:u(m)}}const R=Z(n,o);return(m,C)=>(r.openBlock(),r.createElementBlock("fieldset",{class:r.normalizeClass(r.unref(y))},[m.label?(r.openBlock(),r.createElementBlock("legend",{key:0,textContent:r.toDisplayString(m.label)},null,8,U)):r.createCommentVNode("",!0),r.createElementVNode("div",M,[m.options.length>0?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(m.options,(V,k)=>(r.openBlock(),r.createBlock(T,r.mergeProps({key:k},A(V,k)),null,16))),128)):r.renderSlot(m.$slots,"default",{key:1})]),r.createVNode(r.unref(R),{class:"vv-input-radio-group__hint"})],2))}})});
+(function(r,O){typeof exports=="object"&&typeof module<"u"?module.exports=O(require("vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core"],O):(r=typeof globalThis<"u"?globalThis:r||self,r.VvRadioGroup=O(r.vue,r.core))})(this,function(r,O){"use strict";const E={valid:Boolean,validLabel:[String,Array]},j={error:Boolean,errorLabel:[String,Array]},I={hintLabel:{type:String,default:""}},P={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},F=["update:modelValue"],q={...E,...j,...P,...I,modelValue:null,label:{type:String,default:""},name:{type:String,default:"",required:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}};function D(e){if(Object.keys(e).some(t=>t!=="key"&&!r.isRef(e[t])))throw Error("One or more groupState props aren't ref.");console.log("PRovide - ",e),r.provide(e.key,r.computed(()=>e))}function G(e){const{options:t,optionLabel:n,optionValue:o}=r.toRefs(e);return{options:t,getOptionLabel:l=>typeof l!="object"&&l!==null?l:typeof n.value=="function"?n.value(l):l[n.value],getOptionValue:l=>typeof l!="object"&&l!==null?l:typeof o.value=="function"?o.value(l):l[o.value]}}const h={equals(e,t,n){return n?this.resolveFieldData(e,n)===this.resolveFieldData(t,n):this.deepEquals(e,t)},deepEquals(e,t){if(e===t)return!0;if(e&&t&&typeof e=="object"&&typeof t=="object"){const n=Array.isArray(e),o=Array.isArray(t);let s,i,l;if(n&&o){if(i=e.length,i!=t.length)return!1;for(s=i;s--!==0;)if(!this.deepEquals(e[s],t[s]))return!1;return!0}if(n!=o)return!1;const u=e instanceof Date,a=t instanceof Date;if(u!=a)return!1;if(u&&a)return e.getTime()==t.getTime();const p=e instanceof RegExp,y=t instanceof RegExp;if(p!=y)return!1;if(p&&y)return e.toString()==t.toString();const f=Object.keys(e);if(i=f.length,i!==Object.keys(t).length)return!1;for(s=i;s--!==0;)if(!Object.prototype.hasOwnProperty.call(t,f[s]))return!1;for(s=i;s--!==0;)if(l=f[s],!this.deepEquals(e[l],t[l]))return!1;return!0}return e!==e&&t!==t},resolveFieldData(e,t){if(e&&Object.keys(e).length&&t){if(t.indexOf(".")===-1)return e[t];{const n=t.split(".");let o=e;for(let s=0,i=n.length;s<i;++s){if(e==null)return null;o=o[n[s]]}return o}}else return null},isFunction(e){return!!(e&&e.constructor&&e.call&&e.apply)},findIndexInList(e,t){let n=-1;if(t){for(let o=0;o<t.length;o++)if(this.equals(t[o],e)){n=o;break}}return n},contains(e,t){if(e!=null&&t&&t.length){for(const n of t)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,t){return Object.fromEntries(Object.entries(e).filter(([n])=>t(n)))},removeFromList(e,t){const n=this.findIndexInList(e,t);return n>-1?t.filter((o,s)=>s!==n):t},isString(e){return typeof e=="string"||e instanceof String},propsToObject(e){return Object.keys(e).reduce((t,n)=>{var o,s,i,l,u;return this.isFunction(e[n])?t[n]=e[n]():Array.isArray(e[n])?t[n]=e[n][0]():(o=e[n])!=null&&o.type&&(Array.isArray(e[n].type)?t[n]=((s=e[n])==null?void 0:s.default)||((i=e[n])==null?void 0:i.type[0]()):t[n]=((l=e[n])==null?void 0:l.default)||((u=e[n])==null?void 0:u.type())),t},{})},filterArray(e,t,n){return e.filter(o=>t.some(s=>typeof s=="string"?o[n]==s:this.equals(o[n],s[n])))},kebabCase(e){var t,n;if(e)return(n=(t=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:t.join("-"))==null?void 0:n.toLowerCase()}};function B(e,t){const n={[`${e}`]:!0};return{bemCssClasses:r.computed(()=>Object.keys(t).reduce((s,i)=>{const l=r.unref(t[i])||!1;if(!l)return s;if(i==="modifiers"){const u=Array.isArray(l)?l:[l];return{...s,...u.reduce((a,p)=>({...a,[`${e}--${h.kebabCase(p)}`]:!0}),{})}}else return{...s,[`${e}--${h.kebabCase(i)}`]:l}},n)||{})}}const S=Symbol("VV_RADIO_GROUP"),$={...E,...j,value:null,modelValue:{type:[Object,Number,Boolean,String]},label:{type:String,default:""},disabled:Boolean,readonly:Boolean},N=["click","update:modelValue","change","focus","blur"];function w(e){const t=r.inject(e,void 0);console.log("Inject - ",t);const n=r.computed(()=>h.isNotEmpty(t));function o(s,i,l){if(t!=null&&t.value){const u=r.unref(t.value)[s];return r.computed({get(){return u==null?void 0:u.value},set(a){u.value=a}})}else{const u=r.toRef(i,s);return r.computed({get(){return u.value},set(a){l&&l(`update:${s}`,a)}})}}return{group:t,isInGroup:n,getGroupOrLocalRef:o}}function x(e,t){const{group:n,isInGroup:o,getGroupOrLocalRef:s}=w(S),{valid:i,error:l}=r.toRefs(e),u=s("modelValue",e,t),a=s("readonly",e),p=s("disabled",e);return{group:n,isInGroup:o,valid:i,error:l,modelValue:u,readonly:a,disabled:p}}function H(e,t){const{focused:n}=O.useFocus(e);return r.watch(n,o=>{t(o?"focus":"blur",e.value)}),{focused:n}}const T={inheritAttrs:!1},z=r.defineComponent({...T,__name:"VvRadio",props:$,emits:N,setup(e,{emit:t}){const n=e,o=r.useAttrs(),{disabled:s,readonly:i,modelValue:l,valid:u,error:a}=x(n,t),p=r.ref(),y=r.computed(()=>Array.isArray(l.value)?h.contains(n.value,l.value):h.equals(n.value,l.value)),{focused:f}=H(p,t),{bemCssClasses:k}=B("vv-input-radio",{valid:u,invalid:a}),{bemCssClasses:c}=B("vv-input-radio__input",{checked:y,disabled:s,readonly:i}),d=r.computed(()=>{const{class:g}=o;return{class:g,...k.value}}),A=r.computed(()=>({"focus-visible":f.value,...c.value})),m=r.computed(()=>{const{id:g,name:_,style:v}=o,J=h.pickBy(o,K=>K.startsWith("data-"));return{for:g||_,style:v,...J}}),b=r.computed(()=>{const{id:g="",name:_=""}=o;return{type:"radio",id:g||_,name:_,value:n.value,disabled:s.value,readonly:i.value,checked:y.value,...R.value}}),R=r.computed(()=>{const{name:g}=o,_=h.pickBy(o,v=>v.startsWith("aria-"));return{"aria-label":g,"aria-checked":y.value,..._}});function C(){y.value||t("change",n.value),l.value=n.value}function W(g){s.value||(t("click",g),f.value=!0)}return(g,_)=>(r.openBlock(),r.createElementBlock("label",r.mergeProps({class:r.unref(d)},r.unref(m),{onClick:W}),[r.createElementVNode("input",r.mergeProps({ref_key:"input",ref:p,class:r.unref(A)},r.unref(b),{onInput:C}),null,16),r.renderSlot(g.$slots,"default",{value:r.unref(l)},()=>[r.createTextVNode(r.toDisplayString(g.label),1)])],16))}});function V(e){return Array.isArray(e)?e.filter(t=>h.isString(t)).reduce((t,n)=>t.length>0?t+`
+`+n:n,""):e}function Z(e,t){return{name:"HintSlot",props:{params:{type:Object,default:()=>{}}},setup(n){const o=r.toRefs(e),{error:s,valid:i,hint:l,loading:u}=t,{hintLabel:a,modelValue:p,valid:y,validLabel:f,error:k,errorLabel:c}=o,d=h.resolveFieldData(o,"loading"),A=h.resolveFieldData(o,"loadingLabel"),m=r.computed(()=>k.value?!!(k.value&&s||(c==null?void 0:c.value)&&Array.isArray(c.value)&&c.value.length>0||(c==null?void 0:c.value)&&h.isNotEmpty(c.value)):!1),b=r.computed(()=>!!(a&&a.value||l||i||f&&f.value||m.value||(d==null?void 0:d.value)&&u||(d==null?void 0:d.value)&&(A==null?void 0:A.value))),R=r.computed(()=>{const C=O.toReactive({hintLabel:a,modelValue:p,valid:y,validLabel:f,error:k,errorLabel:c,loading:d,loadingLabel:A,...n.params});return k!=null&&k.value?(s==null?void 0:s(C))||V(c==null?void 0:c.value)||(a==null?void 0:a.value):y!=null&&y.value?(i==null?void 0:i(C))||V(f==null?void 0:f.value)||(a==null?void 0:a.value):d!=null&&d.value?(u==null?void 0:u(C))||V(A==null?void 0:A.value)||(a==null?void 0:a.value):(l==null?void 0:l(C))||V(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{hasHint:b,hintContent:R}},render(){if(this.hasHint)return r.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const M=["textContent"],U={class:"vv-input-radio-group__wrapper"};return r.defineComponent({__name:"VvRadioGroup",props:q,emits:F,setup(e,{emit:t}){const n=e,o=r.useSlots(),s=O.useVModel(n,"modelValue",t),{disabled:i,readonly:l,vertical:u,valid:a,error:p}=r.toRefs(n);D({key:S,modelValue:s,disabled:i,readonly:l});const{getOptionLabel:f,getOptionValue:k}=G(n),{bemCssClasses:c}=B("vv-input-radio-group",{horizontal:r.computed(()=>!u.value),valid:a,invalid:p});function d(m,b){return{id:`${n.name}_opt${b}`,name:n.name,label:f(m),value:k(m)}}const A=Z(n,o);return(m,b)=>(r.openBlock(),r.createElementBlock("fieldset",{class:r.normalizeClass(r.unref(c))},[m.label?(r.openBlock(),r.createElementBlock("legend",{key:0,textContent:r.toDisplayString(m.label)},null,8,M)):r.createCommentVNode("",!0),r.createElementVNode("div",U,[m.options.length>0?(r.openBlock(!0),r.createElementBlock(r.Fragment,{key:0},r.renderList(m.options,(R,C)=>(r.openBlock(),r.createBlock(z,r.mergeProps({key:C},d(R,C)),null,16))),128)):r.renderSlot(m.$slots,"default",{key:1})]),r.createVNode(r.unref(A),{class:"vv-input-radio-group__hint"})],2))}})});

package/dist/components/VvSelect/vv-select.es.js

@@ -1,6 +1,6 @@
-import { toRefs as _, computed as A, h as W, unref as h, defineComponent as $, openBlock as C, createElementBlock as j, normalizeClass as q, createElementVNode as E, toDisplayString as D, createCommentVNode as F, Fragment as x, renderList as X, createTextVNode as R, useSlots as Y, ref as B, watch as L, withKeys as K, withDirectives as ee, vModelText as te, createVNode as P, mergeProps as re } from "vue";
-import { useFocus as ne, refDebounced as se, onClickOutside as le } from "@vueuse/core";
-import { v4 as T } from "uuid";
+import { toRefs as K, computed as S, h as W, unref as v, defineComponent as q, openBlock as j, createElementBlock as C, normalizeClass as F, createElementVNode as B, toDisplayString as N, createCommentVNode as x, Fragment as R, renderList as X, createTextVNode as T, useSlots as Y, ref as E, watch as ee, withKeys as P, withDirectives as te, vModelText as re, createVNode as $, mergeProps as ne } from "vue";
+import { toReactive as se, useFocus as le, refDebounced as oe, onClickOutside as ae } from "@vueuse/core";
+import { v4 as H } from "uuid";
 const m = {
   equals(t, r, e) {
     return e ? this.resolveFieldData(t, e) === this.resolveFieldData(r, e) : this.deepEquals(t, r);
@@ -9,9 +9,9 @@ const m = {
     if (t === r)
       return !0;
     if (t && r && typeof t == "object" && typeof r == "object") {
-      const e = Array.isArray(t), o = Array.isArray(r);
-      let n, s, c;
-      if (e && o) {
+      const e = Array.isArray(t), u = Array.isArray(r);
+      let n, s, i;
+      if (e && u) {
         if (s = t.length, s != r.length)
           return !1;
         for (n = s; n-- !== 0; )
@@ -19,17 +19,17 @@ const m = {
             return !1;
         return !0;
       }
-      if (e != o)
+      if (e != u)
         return !1;
-      const a = t instanceof Date, g = r instanceof Date;
-      if (a != g)
+      const p = t instanceof Date, o = r instanceof Date;
+      if (p != o)
         return !1;
-      if (a && g)
+      if (p && o)
         return t.getTime() == r.getTime();
-      const p = t instanceof RegExp, v = r instanceof RegExp;
-      if (p != v)
+      const g = t instanceof RegExp, b = r instanceof RegExp;
+      if (g != b)
         return !1;
-      if (p && v)
+      if (g && b)
         return t.toString() == r.toString();
       const l = Object.keys(t);
       if (s = l.length, s !== Object.keys(r).length)
@@ -38,7 +38,7 @@ const m = {
         if (!Object.prototype.hasOwnProperty.call(r, l[n]))
           return !1;
       for (n = s; n-- !== 0; )
-        if (c = l[n], !this.deepEquals(t[c], r[c]))
+        if (i = l[n], !this.deepEquals(t[i], r[i]))
           return !1;
       return !0;
     }
@@ -50,13 +50,13 @@ const m = {
         return t[r];
       {
         const e = r.split(".");
-        let o = t;
+        let u = t;
         for (let n = 0, s = e.length; n < s; ++n) {
           if (t == null)
             return null;
-          o = o[e[n]];
+          u = u[e[n]];
         }
-        return o;
+        return u;
       }
     } else
       return null;
@@ -67,9 +67,9 @@ const m = {
   findIndexInList(t, r) {
     let e = -1;
     if (r) {
-      for (let o = 0; o < r.length; o++)
-        if (this.equals(r[o], t)) {
-          e = o;
+      for (let u = 0; u < r.length; u++)
+        if (this.equals(r[u], t)) {
+          e = u;
           break;
         }
     }
@@ -96,20 +96,20 @@ const m = {
   },
   removeFromList(t, r) {
     const e = this.findIndexInList(t, r);
-    return e > -1 ? r.filter((o, n) => n !== e) : r;
+    return e > -1 ? r.filter((u, n) => n !== e) : r;
   },
   isString(t) {
     return typeof t == "string" || t instanceof String;
   },
   propsToObject(t) {
     return Object.keys(t).reduce((r, e) => {
-      var o, n, s, c, a;
-      return this.isFunction(t[e]) ? r[e] = t[e]() : Array.isArray(t[e]) ? r[e] = t[e][0]() : (o = t[e]) != null && o.type && (Array.isArray(t[e].type) ? r[e] = ((n = t[e]) == null ? void 0 : n.default) || ((s = t[e]) == null ? void 0 : s.type[0]()) : r[e] = ((c = t[e]) == null ? void 0 : c.default) || ((a = t[e]) == null ? void 0 : a.type())), r;
+      var u, n, s, i, p;
+      return this.isFunction(t[e]) ? r[e] = t[e]() : Array.isArray(t[e]) ? r[e] = t[e][0]() : (u = t[e]) != null && u.type && (Array.isArray(t[e].type) ? r[e] = ((n = t[e]) == null ? void 0 : n.default) || ((s = t[e]) == null ? void 0 : s.type[0]()) : r[e] = ((i = t[e]) == null ? void 0 : i.default) || ((p = t[e]) == null ? void 0 : p.type())), r;
     }, {});
   },
   filterArray(t, r, e) {
-    return t.filter((o) => r.some((n) => typeof n == "string" ? o[e] == n : this.equals(
-      o[e],
+    return t.filter((u) => r.some((n) => typeof n == "string" ? u[e] == n : this.equals(
+      u[e],
       n[e]
     )));
   },
@@ -120,31 +120,31 @@ const m = {
         /[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 : e.toLowerCase();
   }
-}, oe = {
+}, ue = {
   valid: Boolean,
   validLabel: [String, Array]
-}, ae = {
+}, ie = {
   error: Boolean,
   errorLabel: [String, Array]
-}, ue = {
+}, ce = {
   loading: Boolean,
   loadingLabel: String
-}, H = {
+}, I = {
   disabled: Boolean
-}, ie = {
+}, de = {
   readonly: Boolean
-}, I = {
+}, M = {
   modifiers: [String, Array]
-}, ce = {
+}, fe = {
   hintLabel: { type: String, default: "" }
-}, de = {
-  ...oe,
-  ...ae,
-  ...ce,
+}, pe = {
   ...ue,
-  ...H,
   ...ie,
+  ...fe,
+  ...ce,
   ...I,
+  ...de,
+  ...M,
   modelValue: [String, Array, Object],
   label: String,
   labelNoResult: { type: String, default: "No results" },
@@ -168,60 +168,78 @@ const m = {
   iconLeft: String,
   iconRight: String
 };
-function fe(t) {
+function D(t) {
   return Array.isArray(t) ? t.filter((r) => m.isString(r)).reduce((r, e) => r.length > 0 ? r + `
 ` + e : e, "") : t;
 }
-function pe(t, r) {
+function ye(t, r) {
   return {
     name: "HintSlot",
-    setup() {
-      const e = _(t), {
-        error: o,
-        valid: n,
-        hint: s,
-        loading: c
+    props: {
+      params: { type: Object, default: () => {
+      } }
+    },
+    setup(e) {
+      const u = K(t), {
+        error: n,
+        valid: s,
+        hint: i,
+        loading: p
       } = r, {
-        hintLabel: a,
+        hintLabel: o,
         modelValue: g,
-        valid: p,
-        validLabel: v,
-        error: l,
-        errorLabel: i
-      } = e, u = m.resolveFieldData(e, "loading"), y = m.resolveFieldData(
-        e,
+        valid: b,
+        validLabel: l,
+        error: h,
+        errorLabel: a
+      } = u, d = m.resolveFieldData(u, "loading"), y = m.resolveFieldData(
+        u,
         "loadingLabel"
-      ), b = A(() => l.value ? !!(l.value && o || (i == null ? void 0 : i.value) && Array.isArray(i.value) && i.value.length > 0 || (i == null ? void 0 : i.value) && m.isNotEmpty(i.value)) : !1), V = A(() => !!(a && a.value || s || n || v && v.value || b.value || (u == null ? void 0 : u.value) && c || (u == null ? void 0 : u.value) && (y == null ? void 0 : y.value))), O = A(() => Array.isArray(i == null ? void 0 : i.value) ? fe((i == null ? void 0 : i.value) || "") : i == null ? void 0 : i.value), N = A(() => {
-        const k = { modelValue: g, error: l, valid: p };
-        return l != null && l.value ? (o == null ? void 0 : o(k)) || (O == null ? void 0 : O.value) || (a == null ? void 0 : a.value) : p != null && p.value ? (n == null ? void 0 : n(k)) || (v == null ? void 0 : v.value) || (a == null ? void 0 : a.value) : u != null && u.value ? (c == null ? void 0 : c(k)) || (y == null ? void 0 : y.value) || (a == null ? void 0 : a.value) : (s == null ? void 0 : s(k)) || (a == null ? void 0 : a.value) || (a == null ? void 0 : a.value);
+      ), V = S(() => h.value ? !!(h.value && n || (a == null ? void 0 : a.value) && Array.isArray(a.value) && a.value.length > 0 || (a == null ? void 0 : a.value) && m.isNotEmpty(a.value)) : !1), k = S(() => !!(o && o.value || i || s || l && l.value || V.value || (d == null ? void 0 : d.value) && p || (d == null ? void 0 : d.value) && (y == null ? void 0 : y.value))), _ = S(() => {
+        const O = se({
+          hintLabel: o,
+          modelValue: g,
+          valid: b,
+          validLabel: l,
+          error: h,
+          errorLabel: a,
+          loading: d,
+          loadingLabel: y,
+          ...e.params
+        });
+        return h != null && h.value ? (n == null ? void 0 : n(O)) || D(a == null ? void 0 : a.value) || (o == null ? void 0 : o.value) : b != null && b.value ? (s == null ? void 0 : s(O)) || D(l == null ? void 0 : l.value) || (o == null ? void 0 : o.value) : d != null && d.value ? (p == null ? void 0 : p(O)) || D(y == null ? void 0 : y.value) || (o == null ? void 0 : o.value) : (i == null ? void 0 : i(O)) || D(o == null ? void 0 : o.value) || (o == null ? void 0 : o.value);
       });
       return {
-        hasHint: V,
-        hintContent: N
+        hasHint: k,
+        hintContent: _
       };
     },
     render() {
       if (this.hasHint)
-        return W("span", null, this.hintContent);
+        return W(
+          "pre",
+          { style: { "white-space": "pre" } },
+          this.hintContent
+        );
     }
   };
 }
 function Z(t, r) {
   const e = { [`${t}`]: !0 };
   return {
-    bemCssClasses: A(() => Object.keys(r).reduce((n, s) => {
-      const c = h(r[s]) || !1;
-      if (!c)
+    bemCssClasses: S(() => Object.keys(r).reduce((n, s) => {
+      const i = v(r[s]) || !1;
+      if (!i)
         return n;
       if (s === "modifiers") {
-        const a = Array.isArray(c) ? c : [c];
+        const p = Array.isArray(i) ? i : [i];
         return {
           ...n,
-          ...a.reduce(
-            (g, p) => ({
-              ...g,
+          ...p.reduce(
+            (o, g) => ({
+              ...o,
               [`${t}--${m.kebabCase(
-                p
+                g
               )}`]: !0
             }),
             {}
@@ -230,14 +248,14 @@ function Z(t, r) {
       } else
         return {
           ...n,
-          [`${t}--${m.kebabCase(s)}`]: c
+          [`${t}--${m.kebabCase(s)}`]: i
         };
     }, e) || {})
   };
 }
-const ye = {
-  ...H,
+const me = {
   ...I,
+  ...M,
   modelValue: [String, Array, Object],
   labelNoResult: { type: String, default: "No results" },
   options: {
@@ -249,179 +267,179 @@ const ye = {
   maxValues: [Number, String],
   labelKey: { type: String, default: "label" },
   valueKey: { type: String, default: "value" }
-}, me = { key: 0 }, ge = ["for"], ve = ["id", "type", "value", "checked", "disabled"], he = /* @__PURE__ */ $({
+}, ge = { key: 0 }, he = ["for"], ve = ["id", "type", "value", "checked", "disabled"], be = /* @__PURE__ */ q({
   __name: "VvDropdown",
-  props: ye,
+  props: me,
   emits: ["update:modelValue"],
   setup(t, { emit: r }) {
-    const e = t, o = T(), { modifiers: n, disabled: s } = _(e), { bemCssClasses: c } = Z("vv-dropdown", {
+    const e = t, u = H(), { modifiers: n, disabled: s } = K(e), { bemCssClasses: i } = Z("vv-dropdown", {
       modifiers: n,
       disabled: s
     });
-    function a(l) {
-      return Array.isArray(e.modelValue) ? m.contains(l, e.modelValue) || m.contains(g(l), e.modelValue) : m.equals(l, e.modelValue) || m.equals(g(l), e.modelValue);
+    function p(l) {
+      return Array.isArray(e.modelValue) ? m.contains(l, e.modelValue) || m.contains(o(l), e.modelValue) : m.equals(l, e.modelValue) || m.equals(o(l), e.modelValue);
     }
-    function g(l) {
+    function o(l) {
       return typeof l == "string" ? l : String(l[e.valueKey]);
     }
-    function p(l) {
+    function g(l) {
       return typeof l == "string" ? l : l[e.labelKey];
     }
-    function v(l) {
-      var b, V;
-      const i = l.target;
-      let u = i.value;
-      if (u = (e.useObject ? (b = e.options) == null ? void 0 : b.find(
-        (O) => O[e.valueKey] == u
-      ) : null) || u, e.multiple) {
-        if (typeof e.maxValues < "u" && e.maxValues >= 0 && ((V = e.modelValue) == null ? void 0 : V.length) >= e.maxValues && (Array.isArray(e.modelValue) && !m.contains(u, e.modelValue) || e.maxValues == 0)) {
-          i.checked = !1;
+    function b(l) {
+      var y, V;
+      const h = l.target;
+      let a = h.value;
+      if (a = (e.useObject ? (y = e.options) == null ? void 0 : y.find(
+        (k) => k[e.valueKey] == a
+      ) : null) || a, e.multiple) {
+        if (typeof e.maxValues < "u" && e.maxValues >= 0 && ((V = e.modelValue) == null ? void 0 : V.length) >= e.maxValues && (Array.isArray(e.modelValue) && !m.contains(a, e.modelValue) || e.maxValues == 0)) {
+          h.checked = !1;
           return;
         }
-        Array.isArray(e.modelValue) ? u = m.contains(u, e.modelValue) ? m.removeFromList(u, e.modelValue) : [...e.modelValue, u] : u = [u];
+        Array.isArray(e.modelValue) ? a = m.contains(a, e.modelValue) ? m.removeFromList(a, e.modelValue) : [...e.modelValue, a] : a = [a];
       }
-      r("update:modelValue", u);
+      r("update:modelValue", a);
     }
-    return (l, i) => {
-      var u;
-      return C(), j("ul", {
-        class: q(h(c)),
+    return (l, h) => {
+      var a;
+      return j(), C("ul", {
+        class: F(v(i)),
         role: "listbox"
       }, [
-        (u = l.options) != null && u.length ? F("", !0) : (C(), j("li", me, [
-          E("label", null, D(l.labelNoResult), 1)
+        (a = l.options) != null && a.length ? x("", !0) : (j(), C("li", ge, [
+          B("label", null, N(l.labelNoResult), 1)
         ])),
-        (C(!0), j(x, null, X(l.options, (y, b) => {
+        (j(!0), C(R, null, X(l.options, (d, y) => {
           var V;
-          return C(), j("li", { key: b }, [
-            E("label", {
-              for: `dropdown-${b}-${h(o)}`
+          return j(), C("li", { key: y }, [
+            B("label", {
+              for: `dropdown-${y}-${v(u)}`
             }, [
-              E("input", {
-                id: `dropdown-${b}-${h(o)}`,
+              B("input", {
+                id: `dropdown-${y}-${v(u)}`,
                 type: l.multiple ? "checkbox" : "radio",
-                value: g(y),
-                checked: a(y),
-                disabled: typeof y == "object" ? (V = y.disabled) != null ? V : h(s) : h(s),
-                onInput: v
+                value: o(d),
+                checked: p(d),
+                disabled: typeof d == "object" ? (V = d.disabled) != null ? V : v(s) : v(s),
+                onInput: b
               }, null, 40, ve),
-              R(" " + D(p(y)), 1)
-            ], 8, ge)
+              T(" " + N(g(d)), 1)
+            ], 8, he)
           ]);
         }), 128))
       ], 2);
     };
   }
-}), be = ["id"], Ae = {
+}), Ve = ["id"], Ae = {
   key: 0,
   for: "select"
-}, Ve = ["placeholder"], Oe = /* @__PURE__ */ $({
+}, Se = ["placeholder"], ke = /* @__PURE__ */ q({
   __name: "VvSelect",
-  props: de,
+  props: pe,
   emits: ["update:modelValue", "change:search"],
   setup(t, { emit: r }) {
-    const e = t, o = Y(), n = pe(e, o), s = B(), c = B();
-    ne(c, { initialValue: !0 });
-    const a = T(), g = B(""), p = se(
-      g,
+    const e = t, u = Y(), n = ye(e, u), s = E(), i = E();
+    le(i, { initialValue: !0 });
+    const p = H(), o = E(""), g = oe(
+      o,
       Number(e.debounceSearch)
-    ), v = B(!1), {
+    ), b = E(!1), {
       modifiers: l,
-      disabled: i,
-      readonly: u,
-      loading: y,
-      iconLeft: b,
+      disabled: h,
+      readonly: a,
+      loading: d,
+      iconLeft: y,
       iconRight: V,
-      valid: O,
-      error: N
-    } = _(e);
-    L(
-      p,
-      () => r("change:search", p.value)
+      valid: k,
+      error: _
+    } = K(e);
+    ee(
+      g,
+      () => r("change:search", g.value)
     );
-    const { bemCssClasses: k } = Z("vv-select", {
+    const { bemCssClasses: O } = Z("vv-select", {
       modifiers: l,
-      disabled: i,
-      loading: y,
-      readonly: u,
-      iconLeft: b,
+      disabled: h,
+      loading: d,
+      readonly: a,
+      iconLeft: y,
       iconRight: V,
-      valid: O,
-      invalid: N,
-      dirty: A(() => m.isNotEmpty(e.modelValue))
-    }), z = A(
+      valid: k,
+      invalid: _,
+      dirty: S(() => m.isNotEmpty(e.modelValue))
+    }), z = S(
       () => {
-        var d;
-        return (d = e.options) == null ? void 0 : d.every((f) => typeof f == "object");
+        var c;
+        return (c = e.options) == null ? void 0 : c.every((f) => typeof f == "object");
       }
-    ), M = A(
-      () => e.searchable ? U.value : e.options
-    ), U = A(() => {
-      var d;
-      return (d = e.options) == null ? void 0 : d.filter((f) => typeof f == "string" ? f.toLowerCase().includes(p.value.toLowerCase().trim()) : f[e.labelKey].toLowerCase().includes(p.value.toLowerCase().trim()));
-    }), G = A(() => {
-      var f, S;
+    ), U = S(
+      () => e.searchable ? L.value : e.options
+    ), L = S(() => {
+      var c;
+      return (c = e.options) == null ? void 0 : c.filter((f) => typeof f == "string" ? f.toLowerCase().includes(g.value.toLowerCase().trim()) : f[e.labelKey].toLowerCase().includes(g.value.toLowerCase().trim()));
+    }), G = S(() => {
+      var f, A;
       if (e.multiple && ((f = e.modelValue) == null ? void 0 : f.length) && Array.isArray(e.modelValue))
         return z.value ? m.filterArray(
           e.options,
           e.modelValue,
           e.valueKey
         ).map((w) => w[e.labelKey]).join(e.separator) : e.modelValue.join(e.separator);
-      const d = e.useObject ? e.modelValue : (S = e.options) == null ? void 0 : S.find(
+      const c = e.useObject ? e.modelValue : (A = e.options) == null ? void 0 : A.find(
         (w) => typeof w == "object" ? w[e.valueKey] == e.modelValue : w == e.modelValue
       );
-      return typeof d == "object" ? d == null ? void 0 : d[e.labelKey] : d;
+      return typeof c == "object" ? c == null ? void 0 : c[e.labelKey] : c;
     });
-    le(s, () => {
+    ae(s, () => {
       s.value.open = !1;
     });
-    function J(d) {
-      const f = d.target;
-      v.value = f.open;
+    function J(c) {
+      const f = c.target;
+      b.value = f.open;
     }
-    function Q(d) {
-      s.value && !e.multiple && (s.value.open = !1), r("update:modelValue", d);
+    function Q(c) {
+      s.value && !e.multiple && (s.value.open = !1), r("update:modelValue", c);
     }
-    return (d, f) => (C(), j("div", {
-      id: h(a),
-      class: q(h(k))
+    return (c, f) => (j(), C("div", {
+      id: v(p),
+      class: F(v(O))
     }, [
-      d.label ? (C(), j("label", Ae, D(d.label), 1)) : F("", !0),
-      E("details", {
+      c.label ? (j(), C("label", Ae, N(c.label), 1)) : x("", !0),
+      B("details", {
         ref_key: "dropdown",
         ref: s,
         role: "list",
         class: "vv-select__wrapper",
-        onClick: f[2] || (f[2] = (S) => h(i) || h(u) ? S.preventDefault() : null),
-        onKeyup: f[3] || (f[3] = K((S) => s.value.open = !1, ["esc"])),
+        onClick: f[2] || (f[2] = (A) => v(h) || v(a) ? A.preventDefault() : null),
+        onKeyup: f[3] || (f[3] = P((A) => s.value.open = !1, ["esc"])),
         onToggle: J
       }, [
-        E("summary", {
+        B("summary", {
           class: "vv-select__input",
           "aria-haspopup": "listbox",
-          onKeyup: f[1] || (f[1] = K((S) => d.searchable ? S.preventDefault() : null, ["space"]))
+          onKeyup: f[1] || (f[1] = P((A) => c.searchable ? A.preventDefault() : null, ["space"]))
         }, [
-          d.searchable && v.value ? ee((C(), j("input", {
+          c.searchable && b.value ? te((j(), C("input", {
             key: 0,
             ref_key: "inputSearch",
-            ref: c,
-            "onUpdate:modelValue": f[0] || (f[0] = (S) => g.value = S),
-            placeholder: d.searchPlaceholder
-          }, null, 8, Ve)), [
-            [te, g.value]
-          ]) : (C(), j(x, { key: 1 }, [
-            R(D(h(G) || d.placeholder), 1)
+            ref: i,
+            "onUpdate:modelValue": f[0] || (f[0] = (A) => o.value = A),
+            placeholder: c.searchPlaceholder
+          }, null, 8, Se)), [
+            [re, o.value]
+          ]) : (j(), C(R, { key: 1 }, [
+            T(N(v(G) || c.placeholder), 1)
           ], 64))
         ], 32),
-        P(he, re({
+        $(be, ne({
           ...e,
-          options: h(M)
+          options: v(U)
         }, { "onUpdate:modelValue": Q }), null, 16)
       ], 544),
-      P(h(n), { class: "vv-select__hint" })
-    ], 10, be));
+      $(v(n), { class: "vv-select__hint" })
+    ], 10, Ve));
   }
 });
 export {
-  Oe as default
+  ke as default
 };