@volverjs/ui-vue 0.0.3 → 0.0.4

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

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

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

@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     maxlength: NumberConstructor;
     placeholder: StringConstructor;
     required: BooleanConstructor;
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     floating: BooleanConstructor;
     icon: {
         type: (StringConstructor | ObjectConstructor)[];
@@ -39,7 +39,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -87,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     maxlength: NumberConstructor;
     placeholder: StringConstructor;
     required: BooleanConstructor;
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     floating: BooleanConstructor;
     icon: {
         type: (StringConstructor | ObjectConstructor)[];
@@ -105,7 +108,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -137,6 +143,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     iconPosition: import("../../constants.js").Position;
     loading: boolean;
+    loadingLabel: string;
     readonly: boolean;
     hintLabel: string;
     invalid: boolean;

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

@@ -55,7 +55,7 @@ export declare const VvTextareaProps: {
     maxlength: NumberConstructor;
     placeholder: StringConstructor;
     required: BooleanConstructor;
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     floating: BooleanConstructor;
     icon: {
         type: (StringConstructor | ObjectConstructor)[];
@@ -73,10 +73,10 @@ export declare const VvTextareaProps: {
     };
     modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor; /**
-     * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer. If it is not specified, the default value is 20.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#cols
-     */
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;

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

@@ -1,48 +1,118 @@
-import { defineComponent as l, openBlock as p, createElementBlock as f, normalizeClass as u, unref as d, renderSlot as c, createTextVNode as b, toDisplayString as g } from "vue";
-var e = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(e || {}), n = /* @__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))(n || {}), o = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(o || {});
-const m = {
+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 = {
+  /**
+   * 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/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (t) => Object.values(c).includes(t)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, _ = {
+  /**
+   * Whether the form control is disabled
+   */
+  disabled: Boolean
+}, m = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, h = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, E = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, k = {
   /**
    * Component BEM modifiers
    */
   modifiers: [String, Array]
 };
-o.before;
-e.bottom;
-const y = {
+s.before;
+l.bottom;
+({
+  ..._,
+  ...E,
+  ...h,
   ...m,
+  ...B,
+  /**
+   * Button type
+   */
+  type: u.button
+});
+const C = {
+  ...k,
   /**
    * Define the tooltip position
    * @default Side.bottom
    */
   position: {
     type: String,
-    default: e.bottom
+    default: l.bottom
   },
   value: {
     type: String
   }
-}, S = /* @__PURE__ */ l({
+};
+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;
+  });
+}
+const V = /* @__PURE__ */ b({
   __name: "VvTooltip",
-  props: y,
+  props: C,
   setup(t) {
-    const r = t, { modifiers: s } = toRefs(r), i = useBemModifiers(
+    const e = t, { modifiers: r } = d(e), a = $(
       "vv-tooltip",
-      s,
-      computed(() => ({
-        [r.position]: !0
+      r,
+      p(() => ({
+        [e.position]: !0
       }))
     );
-    return (a, v) => (p(), f("span", {
-      class: u(d(i)),
+    return (o, n) => (v(), y("span", {
+      class: g(i(a)),
       role: "tooltip",
       inert: ""
     }, [
-      c(a.$slots, "default", {}, () => [
-        b(g(a.value), 1)
+      S(o.$slots, "default", {}, () => [
+        j(O(o.value), 1)
       ])
     ], 2));
   }
 });
 export {
-  S as default
+  V as default
 };

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

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.VvTooltip=o(e.vue))})(this,function(e){"use strict";var o=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(o||{}),n=(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))(n||{}),r=(t=>(t.before="before",t.after="after",t))(r||{});const a={modifiers:[String,Array]};r.before,o.bottom;const l={...a,position:{type:String,default:o.bottom},value:{type:String}};return e.defineComponent({__name:"VvTooltip",props:l,setup(t){const i=t,{modifiers:f}=toRefs(i),p=useBemModifiers("vv-tooltip",f,computed(()=>({[i.position]:!0})));return(s,d)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(p)),role:"tooltip",inert:""},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.value),1)])],2))}})});
+(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))}})});