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

package/dist/components/VvTextarea/VvTextarea.umd.js

@@ -1 +1 @@
-(function(e,y){typeof exports=="object"&&typeof module<"u"?module.exports=y(require("vue"),require("@vueuse/core"),require("@iconify/vue"),require("nanoid")):typeof define=="function"&&define.amd?define(["vue","@vueuse/core","@iconify/vue","nanoid"],y):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTextarea=y(e.vue,e.core,e.vue$1,e.nanoid))})(this,function(e,y,_,H){"use strict";function A(t,r){if(t&&Object.keys(t).length&&r){if(r.indexOf(".")===-1)return t[r];{const n=r.split(".");let o=t;for(let i=0,u=n.length;i<u;++i){if(t==null)return null;o=o[n[i]]}return o}}else return null}function V(t){return(r=>r==null||r===""||Array.isArray(r)&&r.length===0||!(r instanceof Date)&&typeof r=="object"&&Object.keys(r).length===0)(e.unref(t))}function M(t){return typeof t=="string"||t instanceof String}function x(t){return Array.isArray(t)?t.filter(r=>M(r)).join(" "):t}function K(t,r){const{invalid:n,valid:o,hint:i,loading:u}=r,{hintLabel:s,modelValue:S,valid:f,validLabel:d,invalid:a,invalidLabel:l,...p}=e.toRefs(t),c=A(p,"loading"),m=A(p,"loadingLabel"),g=e.computed(()=>a.value?!!(a.value&&n||l!=null&&l.value&&Array.isArray(l.value)&&l.value.length>0||l!=null&&l.value&&!V(l)):!1),w=e.computed(()=>!!(s&&s.value||i)),k=e.computed(()=>!!(d&&d.value||o)),h=e.computed(()=>!!(c!=null&&c.value&&u||c!=null&&c.value&&(m!=null&&m.value))),I=e.computed(()=>w.value||k.value||g.value||h.value);return{hasInvalid:g,hasHint:w,hasValid:k,hasLoading:h,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(N){const C=e.computed(()=>{const v=y.toReactive({hintLabel:s,modelValue:S,valid:f,validLabel:d,invalid:a,invalidLabel:l,loading:c,loadingLabel:m,...N.params});return a!=null&&a.value?(n==null?void 0:n(v))||x(l==null?void 0:l.value)||(s==null?void 0:s.value):f!=null&&f.value?(o==null?void 0:o(v))||x(d==null?void 0:d.value)||(s==null?void 0:s.value):c!=null&&c.value?(u==null?void 0:u(v))||x(m==null?void 0:m.value)||(s==null?void 0:s.value):(i==null?void 0:i(v))||x(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:I,hasInvalid:g,hasValid:k,hintContent:C}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}const J={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]}};var b=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(b||{}),D=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(D||{}),P=(t=>(t.before="before",t.after="after",t))(P||{}),$=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))($||{}),F=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(F||{});const U=Symbol.for("volver");function W(){return e.inject(U)}function L(t,r,n){return e.computed(()=>{const o={[t]:!0},i=typeof(r==null?void 0:r.value)=="string"?r.value.split(" "):r==null?void 0:r.value;return i&&Array.isArray(i)&&i.forEach(u=>{o[`${t}--${u}`]=!0}),n&&Object.keys(n.value).forEach(u=>{o[`${t}--${u}`]=e.unref(n.value[u])}),o})}const Y={name:"VvIcon"},q=e.defineComponent({...Y,props:J,setup(t){const r=t,n=e.ref(!0),o=W(),{modifiers:i}=e.toRefs(r),u=L("vv-icon",i),s=e.computed(()=>r.provider||(o==null?void 0:o.provider)),S=e.computed(()=>{const a=r.name??"",l=`@${s.value}:${r.prefix}:${r.name}`;return _.iconExists(a)?a:_.iconExists(l)?l:(o==null?void 0:o.iconsCollections.find(p=>{const c=`@${s.value}:${p.prefix}:${a}`;if(_.iconExists(c))return c}))||a});function f(a){let l=null;if(typeof window>"u"){const{JSDOM:g}=require("jsdom");l=new g().window}return(l?new l.DOMParser:new window.DOMParser).parseFromString(a,"text/html").querySelector("svg")}function d(a){const l=f(a),p=(l==null?void 0:l.innerHTML.trim())||"";l&&p&&_.addIcon(`@${s.value}:${r.prefix}:${r.name}`,{body:p,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return o&&(r.src&&!_.iconExists(`@${s.value}:${r.prefix}:${r.name}`)?(n.value=!1,o.fetchIcon(r.src).then(a=>{a&&(d(a),n.value=!0)}).catch(a=>{throw new Error(`During fetch icon: ${a==null?void 0:a.message}`)})):r.svg&&d(r.svg)),(a,l)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(_.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:a.inline,width:a.width,height:a.height,horizontalFlip:a.horizontalFlip,verticalFlip:a.verticalFlip,flip:a.flip,rotate:a.rotate,color:a.color,onLoad:a.onLoad,icon:e.unref(S)}),null,16,["class"])):e.createCommentVNode("",!0)}}),G={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(F).includes(t)},rel:{type:String,default:"noopener noreferrer"}},Q={valid:Boolean,validLabel:[String,Array]},X={invalid:Boolean,invalidLabel:[String,Array]},Z={loading:Boolean,loadingLabel:{type:String,default:"Loading..."}},R={disabled:Boolean},ee={active:Boolean},te={pressed:Boolean},z={label:[String,Number]},re={readonly:Boolean},ne={modifiers:[String,Array]},oe={hintLabel:{type:String,default:""}},ae={count:{type:[Boolean,String],default:!1,validator:t=>[!0,!1,"limit","countdown"].includes(t)}},le={debounce:[Number,String]},se={icon:{type:[String,Object]},iconPosition:{type:String,default:P.before,validation:t=>Object.values(P).includes(t)}},ie={tabindex:{type:[String,Number],default:0}},ue={floating:Boolean},ce={id:[String,Number]};b.bottom;const de={...{...ce,name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...ie,...R,...re,...Q,...X,...oe,...Z,...ne,...ae,...le,...se,...ue,...z,minlength:Number,maxlength:Number,placeholder:String,required:Boolean};({...R,...z,...te,...ee,...G,type:$.button});const fe={hard:"hard",soft:"soft"},pe={true:!0,false:!1,default:"default"},me=["update:modelValue","focus","blur","keyup"],ge={...de,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:fe.soft},spellcheck:{type:[Boolean,String],default:pe.default},resizable:Boolean},he=t=>e.computed(()=>String((t==null?void 0:t.value)||H.nanoid()));function ye(t,r,n=0){let o;return typeof n=="string"&&(n=parseInt(n)),e.computed({get:()=>t==null?void 0:t.value,set:i=>{o&&clearTimeout(o),o=setTimeout(()=>{r("update:modelValue",i)},n)}})}function be(t,r){const n=e.computed(()=>Boolean((t==null?void 0:t.value)&&r.value===P.before)),o=e.computed(()=>Boolean((t==null?void 0:t.value)&&r.value===P.after)),i=e.computed(()=>Boolean((t==null?void 0:t.value)&&r.value===b.left)),u=e.computed(()=>Boolean((t==null?void 0:t.value)&&r.value===b.right)),s=e.computed(()=>Boolean((t==null?void 0:t.value)&&r.value===b.top)),S=e.computed(()=>Boolean((t==null?void 0:t.value)&&r.value===b.bottom));return{hasIcon:e.computed(()=>typeof(t==null?void 0:t.value)=="string"?{name:t==null?void 0:t.value}:t==null?void 0:t.value),hasIconLeft:i,hasIconRight:u,hasIconTop:s,hasIconBottom:S,hasIconBefore:n,hasIconAfter:o}}function Se(t,r){const{focused:n}=y.useFocus(t);return e.watch(n,o=>{r(o?"focus":"blur",e.unref(t))}),{focused:n}}function ve(t,r){const n=e.computed(()=>(e.unref(t)??"").length),o=e.computed(()=>(r==null?void 0:r.lowerLimit)!==void 0&&n.value<(r==null?void 0:r.lowerLimit)?n.value-r.lowerLimit:(r==null?void 0:r.upperLimit)!==void 0&&n.value<(r==null?void 0:r.upperLimit)?r.upperLimit-n.value:0),i=e.computed(()=>(r==null?void 0:r.mode)===!1?"":(r==null?void 0:r.mode)==="limit"&&(r!=null&&r.upperLimit)?`${n.value} / ${r.lowerLimit?`${r.lowerLimit}-`:""}${r.upperLimit}`:(r==null?void 0:r.mode)==="countdown"?o.value===0?void 0:o:n.value);return{length:n,gap:o,formatted:i}}const Be=["for"],_e={class:"vv-textarea__wrapper"},we={key:0,class:"vv-textarea__input-before"},Pe={class:"vv-textarea__inner"},ke=["id"],Ve={key:1,class:"vv-textarea__input-after"},xe={key:2,class:"vv-textarea__limit"},Ie={name:"VvTextarea"};return e.defineComponent({...Ie,props:ge,emits:me,setup(t,{emit:r}){const n=t,o=e.useSlots(),i=e.ref(),{id:u,icon:s,iconPosition:S,label:f,modelValue:d,count:a,valid:l,invalid:p,loading:c,modifiers:m}=e.toRefs(n),g=he(u),w=e.computed(()=>`${g.value}-hint`),k=e.computed(()=>n.floating&&V(n.placeholder)?" ":n.placeholder),h=ye(d,r,n.debounce),{hasIcon:I,hasIconBefore:N,hasIconAfter:C}=be(s,S),{focused:v}=Se(i,r),Ne=y.useElementVisibility(i);e.watch(Ne,B=>{B&&n.autofocus&&(v.value=!0)});const{formatted:Ce}=ve(h,{mode:n.count,upperLimit:n.maxlength,lowerLimit:n.minlength}),Ee=e.computed(()=>!n.disabled&&!n.readonly),$e=e.computed(()=>Ee.value?n.tabindex:-1),je=e.computed(()=>!V(d)),Oe=e.computed(()=>{if(n.invalid===!0)return!0;if(n.valid===!0)return!1}),{HintSlot:Ae,hasHint:De,hasInvalid:T}=K(n,o),Fe=L("vv-textarea",m,e.computed(()=>({valid:l.value,invalid:p.value,loading:c.value,disabled:n.disabled,readonly:n.readonly,"icon-before":N.value,"icon-after":C.value,floating:n.floating&&!V(n.label),dirty:je.value,focused:v.value,resizable:n.resizable}))),Le=e.computed(()=>({name:n.name,placeholder:k.value,tabindex:$e.value,disabled:n.disabled,readonly:n.readonly,required:n.required,autocomplete:n.autocomplete,minlength:n.minlength,maxlength:n.maxlength,cols:n.cols,rows:n.rows,wrap:n.wrap,spellcheck:n.spellcheck,"aria-invalid":Oe.value,"aria-describedby":!T.value&&De.value?w.value:void 0,"aria-errormessage":T.value?w.value:void 0})),j=e.computed(()=>({valid:n.valid,invalid:n.invalid,modelValue:n.modelValue,hintLabel:n.hintLabel,maxlength:n.maxlength,minlength:n.minlength,clear:qe})),qe=()=>{h.value=void 0};return(B,E)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(Fe))},[e.unref(f)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(g),class:"vv-textarea__label"},e.toDisplayString(e.unref(f)),9,Be)):e.createCommentVNode("",!0),e.createElementVNode("div",_e,[B.$slots.before?(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(B.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(j))))])):e.createCommentVNode("",!0),e.createElementVNode("div",Pe,[e.unref(N)?(e.openBlock(),e.createBlock(q,e.mergeProps({key:0,class:"vv-textarea__icon"},e.unref(I)),null,16)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(g),ref_key:"textarea",ref:i,"onUpdate:modelValue":E[0]||(E[0]=O=>e.isRef(h)?h.value=O:null)},e.unref(Le),{onKeyup:E[1]||(E[1]=O=>r("keyup",O))}),null,16,ke),[[e.vModelText,e.unref(h)]]),e.unref(C)?(e.openBlock(),e.createBlock(q,e.mergeProps({key:1,class:"vv-textarea__icon vv-textarea__icon-after"},e.unref(I)),null,16)):e.createCommentVNode("",!0)]),B.$slots.after?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(B.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(j))))])):e.createCommentVNode("",!0),e.unref(a)?(e.openBlock(),e.createElementBlock("span",xe,[e.renderSlot(B.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(j))),()=>[e.createTextVNode(e.toDisplayString(e.unref(Ce)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(Ae),{id:e.unref(w),class:"vv-textarea__hint"},null,8,["id"])],2))}})});
+!function(e,l){"object"==typeof exports&&"undefined"!=typeof module?module.exports=l(require("vue"),require("@vueuse/core"),require("@iconify/vue"),require("nanoid")):"function"==typeof define&&define.amd?define(["vue","@vueuse/core","@iconify/vue","nanoid"],l):(e="undefined"!=typeof globalThis?globalThis:e||self).VvTextarea=l(e.vue,e.core,e.vue$1,e.nanoid)}(this,(function(e,l,o,t){"use strict";function n(e,l){if(e&&Object.keys(e).length&&l){if(-1===l.indexOf("."))return e[l];{const o=l.split(".");let t=e;for(let l=0,n=o.length;l<n;++l){if(null==e)return null;t=t[o[l]]}return t}}return null}function a(l){return null==(o=e.unref(l))||""===o||Array.isArray(o)&&0===o.length||!(o instanceof Date)&&"object"==typeof o&&0===Object.keys(o).length;var o}function i(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(l=e)||l instanceof String;var l})).join(" "):e}const r={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]}};var u=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(u||{}),d=(e=>(e.before="before",e.after="after",e))(d||{}),v=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(v||{});const c=Symbol.for("volver");function s(l,o,t){return e.computed((()=>{const n={[l]:!0},a="string"==typeof(null==o?void 0:o.value)?o.value.split(" "):null==o?void 0:o.value;return a&&Array.isArray(a)&&a.forEach((e=>{e&&(n[`${l}--${e}`]=!0)})),t&&Object.keys(t.value).forEach((o=>{n[`${l}--${o}`]=e.unref(t.value[o])})),n}))}const m=e.defineComponent({name:"VvIcon",props:r,setup(l){const t=l,n=e.ref(!0),a=e.inject(c),{modifiers:i}=e.toRefs(t),r=s("vv-icon",i),u=e.computed((()=>t.provider||(null==a?void 0:a.iconsProvider))),d=e.computed((()=>{const e=t.name??"",l=`@${u.value}:${t.prefix}:${t.name}`;return o.iconExists(e)?e:o.iconExists(l)?l:(null==a?void 0:a.iconsCollections.find((l=>{const t=`@${u.value}:${l.prefix}:${e}`;if(o.iconExists(t))return t})))||e}));function v(e){const l=function(e){let l=null;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");l=(new e).window}return(l?new l.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),n=(null==l?void 0:l.innerHTML.trim())||"";l&&n&&o.addIcon(`@${u.value}:${t.prefix}:${t.name}`,{body:n,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return a&&(t.src&&!o.iconExists(`@${u.value}:${t.prefix}:${t.name}`)?(n.value=!1,a.fetchIcon(t.src).then((e=>{e&&(v(e),n.value=!0)})).catch((e=>{throw new Error(`During fetch icon: ${null==e?void 0:e.message}`)}))):t.svg&&v(t.svg)),(l,t)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(o.Icon),e.mergeProps({key:0,class:e.unref(r)},{inline:l.inline,width:l.width,height:l.height,horizontalFlip:l.horizontalFlip,verticalFlip:l.verticalFlip,flip:l.flip,rotate:l.rotate,color:l.color,onLoad:l.onLoad,icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("",!0)}}),f={valid:Boolean,validLabel:[String,Array]},p={invalid:Boolean,invalidLabel:[String,Array]},g={loading:Boolean,loadingLabel:{type:String,default:"Loading..."}},h={disabled:Boolean},b=(Boolean,Boolean,{label:[String,Number]}),y={readonly:Boolean},B={modifiers:[String,Array]},S={hintLabel:{type:String,default:""}},x={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},w={debounce:[Number,String]},L={icon:{type:[String,Object]},iconPosition:{type:String,default:d.before,validation:e=>Object.values(d).includes(e)}},k={tabindex:{type:[String,Number],default:0}},V={floating:Boolean},$={id:[String,Number]};u.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const N={...{...$,name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...k,...h,...y,...f,...p,...S,...g,...B,...x,...w,...L,...V,...b,minlength:[String,Number],maxlength:[String,Number],placeholder:String,required:Boolean};v.button;const _={...N,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:"soft"},spellcheck:{type:[Boolean,String],default:"default"},resizable:Boolean};const I=["for"],E={class:"vv-textarea__wrapper"},P={key:0,class:"vv-textarea__input-before"},A={class:"vv-textarea__inner"},C=["id"],j={key:1,class:"vv-textarea__input-after"},q={key:2,class:"vv-textarea__limit"};return e.defineComponent({name:"VvTextarea",props:_,emits:["update:modelValue","focus","blur","keyup"],setup(o,{emit:r}){const v=o,c=e.useSlots(),f=e.ref(),{id:p,icon:g,iconPosition:h,label:b,modelValue:y,count:B,valid:S,invalid:x,loading:w,modifiers:L}=e.toRefs(v),k=(l=>e.computed((()=>String((null==l?void 0:l.value)||t.nanoid()))))(p),V=e.computed((()=>`${k.value}-hint`)),$=e.computed((()=>v.floating&&a(v.placeholder)?" ":v.placeholder)),N=function(l,o,t=0,{getter:n=(e=>e),setter:a=(e=>e)}={}){let i;return"string"==typeof t&&(t=parseInt(t)),e.computed({get:()=>n(null==l?void 0:l.value),set:e=>{i&&clearTimeout(i),i=setTimeout((()=>{o("update:modelValue",a(e))}),t)}})}(y,r,v.debounce),{hasIcon:_,hasIconBefore:z,hasIconAfter:O}=function(l,o){const t=e.computed((()=>Boolean((null==l?void 0:l.value)&&o.value===d.before))),n=e.computed((()=>Boolean((null==l?void 0:l.value)&&o.value===d.after))),a=e.computed((()=>Boolean((null==l?void 0:l.value)&&o.value===u.left))),i=e.computed((()=>Boolean((null==l?void 0:l.value)&&o.value===u.right))),r=e.computed((()=>Boolean((null==l?void 0:l.value)&&o.value===u.top))),v=e.computed((()=>Boolean((null==l?void 0:l.value)&&o.value===u.bottom)));return{hasIcon:e.computed((()=>"string"==typeof(null==l?void 0:l.value)?{name:null==l?void 0:l.value}:null==l?void 0:l.value)),hasIconLeft:a,hasIconRight:i,hasIconTop:r,hasIconBottom:v,hasIconBefore:t,hasIconAfter:n}}(g,h),{focused:T}=function(o,t){const{focused:n}=l.useFocus(o);return e.watch(n,(l=>{t(l?"focus":"blur",e.unref(o))})),{focused:n}}(f,r),F=l.useElementVisibility(f);e.watch(F,(e=>{e&&v.autofocus&&(T.value=!0)}));const{formatted:R}=function(l,o){const t=e.computed((()=>(e.unref(l)??"").length)),n=e.computed((()=>void 0!==(null==o?void 0:o.lowerLimit)&&t.value<(null==o?void 0:o.lowerLimit)?t.value-o.lowerLimit:void 0!==(null==o?void 0:o.upperLimit)&&t.value<(null==o?void 0:o.upperLimit)?o.upperLimit-t.value:0)),a=e.computed((()=>{if(!1===(null==o?void 0:o.mode))return"";if("limit"===(null==o?void 0:o.mode)&&(null==o?void 0:o.upperLimit))return`${t.value} / ${o.lowerLimit?`${o.lowerLimit}-`:""}${o.upperLimit}`;if("countdown"===(null==o?void 0:o.mode)){if(0===n.value)return;return n}return t.value}));return{length:t,gap:n,formatted:a}}(N,{mode:v.count,upperLimit:Number(v.maxlength),lowerLimit:Number(v.minlength)}),D=e.computed((()=>!v.disabled&&!v.readonly)),H=e.computed((()=>D.value?v.tabindex:-1)),M=e.computed((()=>!a(y))),J=e.computed((()=>!0===v.invalid||!0!==v.valid&&void 0)),{HintSlot:K,hasHint:U,hasInvalid:G}=function(o,t){const{invalid:r,valid:u,hint:d,loading:v}=t,{hintLabel:c,modelValue:s,valid:m,validLabel:f,invalid:p,invalidLabel:g,...h}=e.toRefs(o),b=n(h,"loading"),y=n(h,"loadingLabel"),B=e.computed((()=>!(!p.value||(!p.value||!r)&&!((null==g?void 0:g.value)&&Array.isArray(g.value)&&g.value.length>0)&&(!(null==g?void 0:g.value)||a(g))))),S=e.computed((()=>!!(c&&c.value||d))),x=e.computed((()=>!!(f&&f.value||u))),w=e.computed((()=>!!((null==b?void 0:b.value)&&v||(null==b?void 0:b.value)&&(null==y?void 0:y.value)))),L=e.computed((()=>S.value||x.value||B.value||w.value));return{hasInvalid:B,hasHint:S,hasValid:x,hasLoading:w,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(o){const t=e.computed((()=>{const e=l.toReactive({hintLabel:c,modelValue:s,valid:m,validLabel:f,invalid:p,invalidLabel:g,loading:b,loadingLabel:y,...o.params});return(null==p?void 0:p.value)?(null==r?void 0:r(e))||i(null==g?void 0:g.value)||(null==c?void 0:c.value):(null==m?void 0:m.value)?(null==u?void 0:u(e))||i(null==f?void 0:f.value)||(null==c?void 0:c.value):(null==b?void 0:b.value)?(null==v?void 0:v(e))||i(null==y?void 0:y.value)||(null==c?void 0:c.value):(null==d?void 0:d(e))||i(null==c?void 0:c.value)||(null==c?void 0:c.value)}));return{isVisible:L,hasInvalid:B,hasValid:x,hintContent:t}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid?"alert":this.hasValid?"status":void 0},this.hintContent)}}}}(v,c),Q=s("vv-textarea",L,e.computed((()=>({valid:S.value,invalid:x.value,loading:w.value,disabled:v.disabled,readonly:v.readonly,"icon-before":z.value,"icon-after":O.value,floating:v.floating&&!a(v.label),dirty:M.value,focused:T.value,resizable:v.resizable})))),W=e.computed((()=>({name:v.name,placeholder:$.value,tabindex:H.value,disabled:v.disabled,readonly:v.readonly,required:v.required,autocomplete:v.autocomplete,minlength:v.minlength,maxlength:v.maxlength,cols:v.cols,rows:v.rows,wrap:v.wrap,spellcheck:v.spellcheck,"aria-invalid":J.value,"aria-describedby":!G.value&&U.value?V.value:void 0,"aria-errormessage":G.value?V.value:void 0}))),X=e.computed((()=>({valid:v.valid,invalid:v.invalid,modelValue:v.modelValue,hintLabel:v.hintLabel,maxlength:v.maxlength,minlength:v.minlength,clear:Y}))),Y=()=>{N.value=void 0};return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(Q))},[e.unref(b)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(k),class:"vv-textarea__label"},e.toDisplayString(e.unref(b)),9,I)):e.createCommentVNode("",!0),e.createElementVNode("div",E,[l.$slots.before?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(l.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(X))))])):e.createCommentVNode("",!0),e.createElementVNode("div",A,[e.unref(z)?(e.openBlock(),e.createBlock(m,e.mergeProps({key:0,class:"vv-textarea__icon"},e.unref(_)),null,16)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(k),ref_key:"textarea",ref:f,"onUpdate:modelValue":o[0]||(o[0]=l=>e.isRef(N)?N.value=l:null)},e.unref(W),{onKeyup:o[1]||(o[1]=e=>r("keyup",e))}),null,16,C),[[e.vModelText,e.unref(N)]]),e.unref(O)?(e.openBlock(),e.createBlock(m,e.mergeProps({key:1,class:"vv-textarea__icon vv-textarea__icon-after"},e.unref(_)),null,16)):e.createCommentVNode("",!0)]),l.$slots.after?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(l.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(X))))])):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createElementBlock("span",q,[e.renderSlot(l.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(X))),(()=>[e.createTextVNode(e.toDisplayString(e.unref(R)),1)]))])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(K),{id:e.unref(V),class:"vv-textarea__hint"},null,8,["id"])],2))}})}));

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

@@ -17,8 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     resizable: BooleanConstructor;
-    minlength: NumberConstructor;
-    maxlength: NumberConstructor;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
     placeholder: StringConstructor;
     required: BooleanConstructor;
     label: (StringConstructor | NumberConstructor)[];
@@ -27,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: import("vue").PropType<import("../../constants.js").Position>;
-        default: import("../../constants.js").Position;
-        validation: (value: import("../../constants.js").Position) => boolean;
+        type: globalThis.PropType<"before" | "after">;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
     };
     debounce: (StringConstructor | NumberConstructor)[];
     count: {
@@ -37,7 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         validator: (value: string) => boolean;
     };
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
@@ -86,8 +86,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     resizable: BooleanConstructor;
-    minlength: NumberConstructor;
-    maxlength: NumberConstructor;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
     placeholder: StringConstructor;
     required: BooleanConstructor;
     label: (StringConstructor | NumberConstructor)[];
@@ -96,9 +96,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: import("vue").PropType<import("../../constants.js").Position>;
-        default: import("../../constants.js").Position;
-        validation: (value: import("../../constants.js").Position) => boolean;
+        type: globalThis.PropType<"before" | "after">;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
     };
     debounce: (StringConstructor | NumberConstructor)[];
     count: {
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         validator: (value: string) => boolean;
     };
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;
@@ -140,8 +140,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    floating: boolean;
     required: boolean;
-    iconPosition: import("../../constants.js").Position;
+    iconPosition: "before" | "after";
     loading: boolean;
     loadingLabel: string;
     readonly: boolean;
@@ -149,7 +150,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     invalid: boolean;
     valid: boolean;
     tabindex: string | number;
-    floating: boolean;
     autocomplete: string;
     autofocus: boolean;
     count: string | boolean;
@@ -164,8 +164,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         invalid: boolean;
         modelValue: string | undefined;
         hintLabel: string;
-        maxlength: number | undefined;
-        minlength: number | undefined;
+        maxlength: string | number | undefined;
+        minlength: string | number | undefined;
         clear: () => void;
     }) => any;
     after: (_: {
@@ -173,8 +173,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         invalid: boolean;
         modelValue: string | undefined;
         hintLabel: string;
-        maxlength: number | undefined;
-        minlength: number | undefined;
+        maxlength: string | number | undefined;
+        minlength: string | number | undefined;
         clear: () => void;
     }) => any;
     count: (_: {
@@ -182,8 +182,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         invalid: boolean;
         modelValue: string | undefined;
         hintLabel: string;
-        maxlength: number | undefined;
-        minlength: number | undefined;
+        maxlength: string | number | undefined;
+        minlength: string | number | undefined;
         clear: () => void;
     }) => any;
 }>;

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

@@ -51,8 +51,8 @@ export declare const VvTextareaProps: {
      * If true, the textarea will be resizable
      */
     resizable: BooleanConstructor;
-    minlength: NumberConstructor;
-    maxlength: NumberConstructor;
+    minlength: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
     placeholder: StringConstructor;
     required: BooleanConstructor;
     label: (StringConstructor | NumberConstructor)[];
@@ -61,7 +61,7 @@ export declare const VvTextareaProps: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: import("vue").PropType<import("../../constants").Position>;
+        type: globalThis.PropType<"before" | "after">;
         default: import("../../constants").Position;
         validation: (value: import("../../constants").Position) => boolean;
     };
@@ -71,7 +71,7 @@ export declare const VvTextareaProps: {
         default: boolean;
         validator: (value: string) => boolean;
     };
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
     loading: BooleanConstructor;
     loadingLabel: {
         type: StringConstructor;

package/dist/components/VvTooltip/VvTooltip.es.js

@@ -1,6 +1,41 @@
-import { computed as p, unref as i, defineComponent as b, toRefs as d, openBlock as v, createElementBlock as y, normalizeClass as g, renderSlot as S, createTextVNode as j, toDisplayString as O } from "vue";
-var l = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(l || {}), f = /* @__PURE__ */ ((t) => (t.topStart = "top-start", t.topEnd = "top-end", t.bottomStart = "bottom-start", t.bottomEnd = "bottom-end", t.leftStart = "left-start", t.leftEnd = "left-end", t.rightStart = "right-start", t.rightEnd = "right-end", t))(f || {}), s = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(s || {}), u = /* @__PURE__ */ ((t) => (t.button = "button", t.submit = "submit", t.reset = "reset", t))(u || {}), c = /* @__PURE__ */ ((t) => (t._blank = "_blank", t._self = "_self", t._parent = "_parent", t._top = "_top", t))(c || {});
-const B = {
+import { computed, unref, defineComponent, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, createTextVNode, toDisplayString } from "vue";
+var Side = /* @__PURE__ */ ((Side2) => {
+  Side2["left"] = "left";
+  Side2["right"] = "right";
+  Side2["top"] = "top";
+  Side2["bottom"] = "bottom";
+  return Side2;
+})(Side || {});
+var Placement = /* @__PURE__ */ ((Placement2) => {
+  Placement2["topStart"] = "top-start";
+  Placement2["topEnd"] = "top-end";
+  Placement2["bottomStart"] = "bottom-start";
+  Placement2["bottomEnd"] = "bottom-end";
+  Placement2["leftStart"] = "left-start";
+  Placement2["leftEnd"] = "left-end";
+  Placement2["rightStart"] = "right-start";
+  Placement2["rightEnd"] = "right-end";
+  return Placement2;
+})(Placement || {});
+var Position = /* @__PURE__ */ ((Position2) => {
+  Position2["before"] = "before";
+  Position2["after"] = "after";
+  return Position2;
+})(Position || {});
+var ButtonType = /* @__PURE__ */ ((ButtonType2) => {
+  ButtonType2["button"] = "button";
+  ButtonType2["submit"] = "submit";
+  ButtonType2["reset"] = "reset";
+  return ButtonType2;
+})(ButtonType || {});
+var AnchorTarget = /* @__PURE__ */ ((AnchorTarget2) => {
+  AnchorTarget2["_blank"] = "_blank";
+  AnchorTarget2["_self"] = "_self";
+  AnchorTarget2["_parent"] = "_parent";
+  AnchorTarget2["_top"] = "_top";
+  return AnchorTarget2;
+})(AnchorTarget || {});
+const LinkProps = {
   /**
    * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
    * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
@@ -17,7 +52,7 @@ const B = {
    */
   target: {
     type: String,
-    validator: (t) => Object.values(c).includes(t)
+    validator: (value) => Object.values(AnchorTarget).includes(value)
   },
   /**
    * Anchor rel
@@ -26,93 +61,226 @@ const B = {
     type: String,
     default: "noopener noreferrer"
   }
-}, _ = {
+};
+const DisabledProps = {
   /**
    * Whether the form control is disabled
    */
   disabled: Boolean
-}, m = {
+};
+const ActiveProps = {
   /**
    * Whether the item is active
    */
   active: Boolean
-}, h = {
+};
+const PressedProps = {
   /**
    * Whether the item is pressed
    */
   pressed: Boolean
-}, E = {
+};
+const LabelProps = {
   /**
    * The item label
    */
   label: [String, Number]
-}, k = {
+};
+const ModifiersProps = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
 };
-s.before;
-l.bottom;
 ({
-  ..._,
-  ...E,
-  ...h,
-  ...m,
-  ...B,
+  /**
+   * VvIcon name or props
+   * @see VVIcon
+   */
+  icon: { type: [String, Object] },
+  /**
+   * VvIcon position
+   */
+  iconPosition: {
+    type: String,
+    default: Position.before,
+    validation: (value) => Object.values(Position).includes(value)
+  }
+});
+({
+  /**
+   * Dropdown placement
+   */
+  placement: {
+    type: String,
+    default: Side.bottom,
+    validator: (value) => {
+      return Object.values(Side).includes(value) || Object.values(Placement).includes(value);
+    }
+  },
+  /**
+   * Dropdown strategy
+   */
+  strategy: {
+    type: String,
+    default: "absolute",
+    validator: (value) => {
+      return ["fixed", "absolute"].includes(value);
+    }
+  },
+  /**
+   * Dropdown show / hide transition name
+   */
+  transitionName: {
+    type: String
+  },
+  /**
+   * Offset of the dropdown from the trigger
+   * @see https://floating-ui.com/docs/offset
+   */
+  offset: {
+    type: [Number, String, Object],
+    default: 0
+  },
+  /**
+   * Move dropdown to the side if there is no space in the default position
+   * @see https://floating-ui.com/docs/shift
+   */
+  shift: {
+    type: [Boolean, Object],
+    default: false
+  },
+  /**
+   * Flip dropdown position if there is no space in the default position
+   * @see https://floating-ui.com/docs/flip
+   */
+  flip: {
+    type: [Boolean, Object],
+    default: true
+  },
+  /**
+   * Size of the dropdown
+   * @see https://floating-ui.com/docs/size
+   */
+  size: {
+    type: [Boolean, Object],
+    default: () => ({ padding: 10 })
+  },
+  /**
+   * Automatically change the position of the dropdown
+   * @see https://floating-ui.com/docs/autoPlacement
+   */
+  autoPlacement: {
+    type: [Boolean, Object],
+    default: false
+  },
+  /**
+   * Add arrow to the dropdown
+   * @see https://floating-ui.com/docs/arrow
+   */
+  arrow: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * Close dropdown on click outside
+   */
+  autoClose: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * Autofocus first item on dropdown open
+   */
+  autofocusFirst: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * Set dropdown width to the same as the trigger
+   */
+  triggerWidth: {
+    type: Boolean
+  }
+});
+({
+  ...DisabledProps,
+  ...LabelProps,
+  ...PressedProps,
+  ...ActiveProps,
+  ...LinkProps,
   /**
    * Button type
    */
-  type: u.button
+  type: {
+    type: String,
+    default: ButtonType.button,
+    validator: (value) => Object.values(ButtonType).includes(value)
+  }
 });
-const C = {
-  ...k,
+const VvTooltipProps = {
+  ...ModifiersProps,
   /**
    * Define the tooltip position
    * @default Side.bottom
    */
   position: {
     type: String,
-    default: l.bottom
+    default: Side.bottom
   },
   value: {
     type: String
   }
 };
-function $(t, e, r) {
-  return p(() => {
-    const a = {
-      [t]: !0
-    }, o = typeof (e == null ? void 0 : e.value) == "string" ? e.value.split(" ") : e == null ? void 0 : e.value;
-    return o && Array.isArray(o) && o.forEach((n) => {
-      a[`${t}--${n}`] = !0;
-    }), r && Object.keys(r.value).forEach((n) => {
-      a[`${t}--${n}`] = i(r.value[n]);
-    }), a;
+function useModifiers(prefix, modifiers, others) {
+  return computed(() => {
+    const toReturn = {
+      [prefix]: true
+    };
+    const modifiersArray = typeof (modifiers == null ? void 0 : modifiers.value) === "string" ? modifiers.value.split(" ") : modifiers == null ? void 0 : modifiers.value;
+    if (modifiersArray) {
+      if (Array.isArray(modifiersArray)) {
+        modifiersArray.forEach((modifier) => {
+          if (modifier) {
+            toReturn[`${prefix}--${modifier}`] = true;
+          }
+        });
+      }
+    }
+    if (others) {
+      Object.keys(others.value).forEach((key) => {
+        toReturn[`${prefix}--${key}`] = unref(others.value[key]);
+      });
+    }
+    return toReturn;
   });
 }
-const V = /* @__PURE__ */ b({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VvTooltip",
-  props: C,
-  setup(t) {
-    const e = t, { modifiers: r } = d(e), a = $(
+  props: VvTooltipProps,
+  setup(__props) {
+    const props = __props;
+    const { modifiers } = toRefs(props);
+    const bemCssClasses = useModifiers(
       "vv-tooltip",
-      r,
-      p(() => ({
-        [e.position]: !0
+      modifiers,
+      computed(() => ({
+        [props.position]: true
       }))
     );
-    return (o, n) => (v(), y("span", {
-      class: g(i(a)),
-      role: "tooltip",
-      inert: ""
-    }, [
-      S(o.$slots, "default", {}, () => [
-        j(O(o.value), 1)
-      ])
-    ], 2));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(bemCssClasses)),
+        role: "tooltip",
+        inert: ""
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.value), 1)
+        ])
+      ], 2);
+    };
   }
 });
 export {
-  V as default
+  _sfc_main as default
 };

package/dist/components/VvTooltip/VvTooltip.umd.js

@@ -1 +1 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTooltip=r(e.vue))})(this,function(e){"use strict";var r=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(r||{}),p=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(p||{}),i=(t=>(t.before="before",t.after="after",t))(i||{}),u=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(u||{}),f=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(f||{});const d={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(f).includes(t)},rel:{type:String,default:"noopener noreferrer"}},c={disabled:Boolean},b={active:Boolean},y={pressed:Boolean},g={label:[String,Number]},v={modifiers:[String,Array]};i.before,r.bottom,{...c,...g,...y,...b,...d,type:u.button};const S={...v,position:{type:String,default:r.bottom},value:{type:String}};function j(t,o,a){return e.computed(()=>{const s={[t]:!0},n=typeof(o==null?void 0:o.value)=="string"?o.value.split(" "):o==null?void 0:o.value;return n&&Array.isArray(n)&&n.forEach(l=>{s[`${t}--${l}`]=!0}),a&&Object.keys(a.value).forEach(l=>{s[`${t}--${l}`]=e.unref(a.value[l])}),s})}return e.defineComponent({__name:"VvTooltip",props:S,setup(t){const o=t,{modifiers:a}=e.toRefs(o),s=j("vv-tooltip",a,e.computed(()=>({[o.position]:!0})));return(n,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s)),role:"tooltip",inert:""},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])],2))}})});
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?module.exports=o(require("vue")):"function"==typeof define&&define.amd?define(["vue"],o):(e="undefined"!=typeof globalThis?globalThis:e||self).VvTooltip=o(e.vue)}(this,(function(e){"use strict";var o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),t=(e=>(e.before="before",e.after="after",e))(t||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{});Boolean,Boolean,Boolean;const l={modifiers:[String,Array]};t.before,o.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,n.button;const r={...l,position:{type:String,default:o.bottom},value:{type:String}};return e.defineComponent({__name:"VvTooltip",props:r,setup(o){const t=o,{modifiers:n}=e.toRefs(t),l=function(o,t,n){return e.computed((()=>{const l={[o]:!0},r="string"==typeof(null==t?void 0:t.value)?t.value.split(" "):null==t?void 0:t.value;return r&&Array.isArray(r)&&r.forEach((e=>{e&&(l[`${o}--${e}`]=!0)})),n&&Object.keys(n.value).forEach((t=>{l[`${o}--${t}`]=e.unref(n.value[t])})),l}))}("vv-tooltip",n,e.computed((()=>({[t.position]:!0}))));return(o,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(l)),role:"tooltip",inert:""},[e.renderSlot(o.$slots,"default",{},(()=>[e.createTextVNode(e.toDisplayString(o.value),1)]))],2))}})}));

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

@@ -1,23 +1,23 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     position: {
-        type: import("vue").PropType<import("../../constants.js").Side>;
-        default: import("../../constants.js").Side;
+        type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
+        default: import("../../constants").Side;
     };
     value: {
         type: StringConstructor;
     };
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     position: {
-        type: import("vue").PropType<import("../../constants.js").Side>;
-        default: import("../../constants.js").Side;
+        type: globalThis.PropType<"left" | "right" | "top" | "bottom">;
+        default: import("../../constants").Side;
     };
     value: {
         type: StringConstructor;
     };
-    modifiers: import("vue").PropType<string | string[]>;
+    modifiers: globalThis.PropType<string | string[]>;
 }>>, {
-    position: import("../../constants.js").Side;
+    position: "left" | "right" | "top" | "bottom";
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,12 +1,12 @@
-import { Side } from '@/constants';
 import type { PropType } from 'vue';
+import { Side } from '../../constants';
 export declare const VvTooltipProps: {
     /**
      * Define the tooltip position
      * @default Side.bottom
      */
     position: {
-        type: PropType<Side>;
+        type: PropType<"left" | "right" | "top" | "bottom">;
         default: Side;
     };
     value: {