@volverjs/ui-vue 0.0.3-beta.4 → 0.0.3

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

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

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

@@ -27,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
-        validation: (value: import("../../props/index.js").IconPosition) => boolean;
-        default: "right";
+        type: import("vue").PropType<import("../../constants.js").Position>;
+        default: import("../../constants.js").Position;
+        validation: (value: import("../../constants.js").Position) => boolean;
     };
     debounce: (StringConstructor | NumberConstructor)[];
     count: {
@@ -59,11 +59,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     autofocus: BooleanConstructor;
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: StringConstructor;
     cols: {
@@ -93,9 +93,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: import("vue").PropType<import("../../props/index.js").IconPosition>;
-        validation: (value: import("../../props/index.js").IconPosition) => boolean;
-        default: "right";
+        type: import("vue").PropType<import("../../constants.js").Position>;
+        default: import("../../constants.js").Position;
+        validation: (value: import("../../constants.js").Position) => boolean;
     };
     debounce: (StringConstructor | NumberConstructor)[];
     count: {
@@ -125,17 +125,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     autofocus: BooleanConstructor;
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
     required: boolean;
-    iconPosition: import("../../props/index.js").IconPosition;
+    iconPosition: import("../../constants.js").Position;
     loading: boolean;
     readonly: boolean;
     hintLabel: string;

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

@@ -61,9 +61,9 @@ export declare const VvTextareaProps: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: import("vue").PropType<import("@/props").IconPosition>;
-        validation: (value: import("@/props").IconPosition) => boolean;
-        default: "right";
+        type: import("vue").PropType<import("../../constants").Position>;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
     };
     debounce: (StringConstructor | NumberConstructor)[];
     count: {
@@ -73,7 +73,10 @@ export declare const VvTextareaProps: {
     };
     modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    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
+     */
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -93,10 +96,10 @@ export declare const VvTextareaProps: {
         default: string;
     };
     autofocus: BooleanConstructor;
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 };
 export type VvTextareaPropsTypes = ExtractPropTypes<typeof VvTextareaProps>;

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

@@ -1,28 +1,48 @@
-import { defineComponent as i, openBlock as n, createElementBlock as p, normalizeClass as l, unref as a, renderSlot as c } from "vue";
-const f = {
+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 = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, m = {
-  ...f,
+};
+o.before;
+e.bottom;
+const y = {
+  ...m,
+  /**
+   * Define the tooltip position
+   * @default Side.bottom
+   */
   position: {
     type: String,
-    default: "bottom"
+    default: e.bottom
+  },
+  value: {
+    type: String
   }
-}, v = /* @__PURE__ */ i({
+}, S = /* @__PURE__ */ l({
   __name: "VvTooltip",
-  props: m,
+  props: y,
   setup(t) {
-    const o = t, { modifiers: s } = toRefs(o), { bemCssClasses: e } = useBemModifiers("vv-tooltip", {
-      modifiers: s
-    });
-    return (r, d) => (n(), p("span", {
-      class: l([a(e), `vv-tooltip--${o.position}`]),
+    const r = t, { modifiers: s } = toRefs(r), i = useBemModifiers(
+      "vv-tooltip",
+      s,
+      computed(() => ({
+        [r.position]: !0
+      }))
+    );
+    return (a, v) => (p(), f("span", {
+      class: u(d(i)),
       role: "tooltip",
       inert: ""
     }, [
-      c(r.$slots, "default")
+      c(a.$slots, "default", {}, () => [
+        b(g(a.value), 1)
+      ])
     ], 2));
   }
 });
 export {
-  v as default
+  S as default
 };

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

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

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

@@ -1,17 +1,23 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     position: {
-        type: import("vue").PropType<import("@/components/VvTooltip").TooltipPosition>;
-        default: import("@/components/VvTooltip").TooltipPosition;
+        type: import("vue").PropType<import("../../constants.js").Side>;
+        default: import("../../constants.js").Side;
+    };
+    value: {
+        type: StringConstructor;
     };
     modifiers: import("vue").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("@/components/VvTooltip").TooltipPosition>;
-        default: import("@/components/VvTooltip").TooltipPosition;
+        type: import("vue").PropType<import("../../constants.js").Side>;
+        default: import("../../constants.js").Side;
+    };
+    value: {
+        type: StringConstructor;
     };
     modifiers: import("vue").PropType<string | string[]>;
 }>>, {
-    position: import("@/components/VvTooltip").TooltipPosition;
+    position: import("../../constants.js").Side;
 }>, {
     default: (_: {}) => any;
 }>;

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

@@ -1,18 +1,16 @@
+import { Side } from '@/constants';
 import type { PropType } from 'vue';
-export declare enum TooltipPosition {
-    left = "left",
-    right = "right",
-    top = "top",
-    bottom = "bottom"
-}
 export declare const VvTooltipProps: {
     /**
      * Define the tooltip position
-     * @default TooltipPosition.bottom
+     * @default Side.bottom
      */
     position: {
-        type: PropType<TooltipPosition>;
-        default: TooltipPosition;
+        type: PropType<Side>;
+        default: Side;
+    };
+    value: {
+        type: StringConstructor;
     };
     modifiers: PropType<string | string[]>;
 };