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

package/dist/components/VvInputText/VvInputText.umd.js

@@ -1,2 +1 @@
-(function(e,P){typeof exports=="object"&&typeof module<"u"?module.exports=P(require("vue"),require("@iconify/vue"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue","@vueuse/core"],P):(e=typeof globalThis<"u"?globalThis:e||self,e.VvInputText=P(e.vue,e.vue$1,e.core))})(this,function(e,P,_){"use strict";const S={equals(n,r,t){return t?this.resolveFieldData(n,t)===this.resolveFieldData(r,t):this.deepEquals(n,r)},deepEquals(n,r){if(n===r)return!0;if(n&&r&&typeof n=="object"&&typeof r=="object"){const t=Array.isArray(n),s=Array.isArray(r);let o,i,a;if(t&&s){if(i=n.length,i!=r.length)return!1;for(o=i;o--!==0;)if(!this.deepEquals(n[o],r[o]))return!1;return!0}if(t!=s)return!1;const f=n instanceof Date,c=r instanceof Date;if(f!=c)return!1;if(f&&c)return n.getTime()==r.getTime();const E=n instanceof RegExp,l=r instanceof RegExp;if(E!=l)return!1;if(E&&l)return n.toString()==r.toString();const u=Object.keys(n);if(i=u.length,i!==Object.keys(r).length)return!1;for(o=i;o--!==0;)if(!Object.prototype.hasOwnProperty.call(r,u[o]))return!1;for(o=i;o--!==0;)if(a=u[o],!this.deepEquals(n[a],r[a]))return!1;return!0}return n!==n&&r!==r},resolveFieldData(n,r){if(n&&Object.keys(n).length&&r){if(r.indexOf(".")===-1)return n[r];{const t=r.split(".");let s=n;for(let o=0,i=t.length;o<i;++o){if(n==null)return null;s=s[t[o]]}return s}}else return null},isFunction(n){return!!(n&&n.constructor&&n.call&&n.apply)},findIndexInList(n,r){let t=-1;if(r){for(let s=0;s<r.length;s++)if(this.equals(r[s],n)){t=s;break}}return t},contains(n,r){if(n!=null&&r&&r.length){for(const t of r)if(this.equals(n,t))return!0}return!1},isEmpty(n){return n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0},isNotEmpty(n){return!this.isEmpty(n)},pickBy(n,r){return Object.fromEntries(Object.entries(n).filter(([t])=>r(t)))},removeFromList(n,r){const t=this.findIndexInList(n,r);return t>-1?r.filter((s,o)=>o!==t):r},isString(n){return typeof n=="string"||n instanceof String},propsToObject(n){return Object.keys(n).reduce((r,t)=>{var s,o,i,a,f;return this.isFunction(n[t])?r[t]=n[t]():Array.isArray(n[t])?r[t]=n[t][0]():(s=n[t])!=null&&s.type&&(Array.isArray(n[t].type)?r[t]=((o=n[t])==null?void 0:o.default)||((i=n[t])==null?void 0:i.type[0]()):r[t]=((a=n[t])==null?void 0:a.default)||((f=n[t])==null?void 0:f.type())),r},{})},filterArray(n,r,t){return n.filter(s=>r.some(o=>typeof o=="string"?s[t]==o:this.equals(s[t],o[t])))},kebabCase(n){var r,t;if(n)return(t=(r=n.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:r.join("-"))==null?void 0:t.toLowerCase()}},Y={valid:Boolean,validLabel:[String,Array]},v={error:Boolean,errorLabel:[String,Array]},q={loading:Boolean,loadingLabel:String},H={modifiers:[String,Array]},U={hintLabel:{type:String,default:""}},W={limit:{type:[Boolean,String],default:!1,validator:n=>[!0,!1,"countdown"].includes(n)}},C={TEXT:"text",PASSWORD:"password",DATE:"date",DATETIME_LOCAL:"datetime-local",NUMBER:"number",TIME:"time",EMAIL:"email",TEL:"tel",URL:"url",COLOR:"color",SEARCH:"search",FILE:"file"},k={LEFT:"left",RIGHT:"right"},w={PASSWORD_ON:"eye-on",PASSWORD_OFF:"eye-off",DATE:"calendar",TIME:"time",COLOR:"color",SEARCH:"search"},m={TYPES:C,ICON_POSITIONS:k,TYPES_ICON:w},z=["update:modelValue","focus","blur"],Z={...Y,...v,...U,...q,...H,...W,modelValue:null,type:{type:String,default:C.TEXT,validator:n=>Object.values(C).includes(n)},id:String,name:{type:String,required:!0},autocomplete:{type:String,default:"off"},autofocus:Boolean,minlength:Number,maxlength:Number,min:[Number,Date],max:[Number,Date],step:Number,label:String,disabled:Boolean,readonly:Boolean,placeholder:String,icon:{type:String,default:""},iconPosition:{type:String,validation:n=>Object.values(k).includes(n),default:k.RIGHT},floating:Boolean,debounce:Number,autoclear:Boolean},X="ds",G={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function J(n,r){const t={[`${n}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(r).reduce((o,i)=>{const a=e.unref(r[i])||!1;if(!a)return o;if(i==="modifiers"){const f=Array.isArray(a)?a:[a];return{...o,...f.reduce((c,E)=>({...c,[`${n}--${S.kebabCase(E)}`]:!0}),{})}}else return{...o,[`${n}--${S.kebabCase(i)}`]:a}},t)||{})}}function K(n,r){const t={[`${n}`]:!0};return Object.keys(r).reduce((s,o)=>{const i=e.unref(r[o])||!1;if(!i)return s;if(o==="modifiers"){const a=Array.isArray(i)?i:[i];return{...s,...a.reduce((f,c)=>({...f,[`${n}--${S.kebabCase(c)}`]:!0}),{})}}else return{...s,[`${n}--${S.kebabCase(o)}`]:i}},t)||{}}const T=e.defineComponent({__name:"VvIcon",props:G,setup(n){const r=n,t=e.ref(!0),{modifiers:s}=e.toRefs(r),o=e.inject(X),{bemCssClasses:i}=J("vv-icon",{modifiers:s}),a=e.computed(()=>r.provider||(o==null?void 0:o.provider)),f=e.computed(()=>{const l=r.name||"",u=`@${a.value}:${r.prefix}:${r.name}`;return P.iconExists(l)?l:P.iconExists(u)?u:(o==null?void 0:o.iconsCollections.find(h=>{const d=`@${a.value}:${h.prefix}:${l}`;if(P.iconExists(d))return d}))||l});function c(l){let u=null;if(typeof window>"u"){const{JSDOM:b}=require("jsdom");u=new b().window}return(u?new u.DOMParser:new window.DOMParser).parseFromString(l,"text/html").querySelector("svg")}function E(l){const u=c(l),h=(u==null?void 0:u.innerHTML.trim())||"";u&&h&&P.addIcon(`@${a.value}:${r.prefix}:${r.name}`,{body:h,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return o&&(r.src?(t.value=!1,o.fetchIcon(r.src).then(l=>{l&&(E(l),t.value=!0)}).catch(l=>{throw new Error(`During fetch icon: ${l==null?void 0:l.message}`)})):r.svg&&E(r.svg)),(l,u)=>t.value?(e.openBlock(),e.createBlock(e.unref(P.Icon),e.mergeProps({key:0,class:e.unref(i)},{...l.$props,provider:e.unref(a),icon:e.unref(f)}),null,16,["class"])):e.createCommentVNode("",!0)}});function D(n){return Array.isArray(n)?n.filter(r=>S.isString(r)).reduce((r,t)=>r.length>0?r+`
-`+t:t,""):n}function Q(n,r){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(t){const s=e.toRefs(n),{error:o,valid:i,hint:a,loading:f}=r,{hintLabel:c,modelValue:E,valid:l,validLabel:u,error:h,errorLabel:d}=s,y=S.resolveFieldData(s,"loading"),b=S.resolveFieldData(s,"loadingLabel"),I=e.computed(()=>h.value?!!(h.value&&o||(d==null?void 0:d.value)&&Array.isArray(d.value)&&d.value.length>0||(d==null?void 0:d.value)&&S.isNotEmpty(d.value)):!1),x=e.computed(()=>!!(c&&c.value||a||i||u&&u.value||I.value||(y==null?void 0:y.value)&&f||(y==null?void 0:y.value)&&(b==null?void 0:b.value))),B=e.computed(()=>{const O=_.toReactive({hintLabel:c,modelValue:E,valid:l,validLabel:u,error:h,errorLabel:d,loading:y,loadingLabel:b,...t.params});return h!=null&&h.value?(o==null?void 0:o(O))||D(d==null?void 0:d.value)||(c==null?void 0:c.value):l!=null&&l.value?(i==null?void 0:i(O))||D(u==null?void 0:u.value)||(c==null?void 0:c.value):y!=null&&y.value?(f==null?void 0:f(O))||D(b==null?void 0:b.value)||(c==null?void 0:c.value):(a==null?void 0:a(O))||D(c==null?void 0:c.value)||(c==null?void 0:c.value)});return{hasHint:x,hintContent:B}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const V=e.defineComponent({components:{VvIcon:T},props:{disabled:Boolean},setup(n,{emit:r}){const t=e.ref(!1),s=e.computed(()=>t.value?w.PASSWORD_OFF:w.PASSWORD_ON);function o(){n.disabled||(t.value=!t.value,r(t.value?"action-password-on":"action-password-off"))}return{activeIcon:s,onClick:o}},render(){const n=e.h(T,{name:this.activeIcon});return e.h("button",{disabled:this.disabled,class:["vv-input-text__action"],onClick:this.onClick},n)}}),N=e.defineComponent({components:{VvIcon:T},props:{disabled:Boolean,mode:{type:String,validator:n=>["up","down"].includes(n),default:"up"}},setup(n,{emit:r}){function t(){n.disabled||r(n.mode==="up"?"action-step-up":"action-step-down")}return{onClick:t}},render(){return e.h("button",{class:["vv-input-text__action-chevron",this.mode==="up"&&"vv-input-text__action-chevron-up"],disabled:this.disabled,onClick:this.onClick})}});function L(n,r){return{name:"VvInputTextActions",components:{VvIcon:T,VvInputPasswordAction:V,VvInputStepAction:N},setup(){return{isDisabled:e.computed(()=>r.disabled||r.readonly)}},render(){let t=null;switch(n){case C.PASSWORD:{const{onActionPasswordOn:s,onActionPasswordOff:o}=this.$attrs;t=[e.h(V,{disabled:this.isDisabled,onActionPasswordOn:s,onActionPasswordOff:o})];break}case C.NUMBER:{const{onActionStepUp:s,onActionStepDown:o}=this.$attrs;t=[e.h(N,{mode:"up",disabled:this.isDisabled,onActionStepUp:s,onActionStepDown:o}),e.h(N,{mode:"down",disabled:this.isDisabled,onActionStepUp:s,onActionStepDown:o})];break}default:{t=null;break}}return Array.isArray(t)?e.h("div",{class:"vv-input-text__actions-group"},t):t}}}function ee(n,r,t){const s=e.computed(()=>!!(n.value&&r.value==="left"||t.iconLeft)),o=e.computed(()=>!!(n.value&&r.value==="right"||t.iconRight)),i=e.computed(()=>!!(n.value&&r.value==="top"||t.iconTop)),a=e.computed(()=>!!(n.value&&r.value==="bottom"||t.iconBottom));return{hasIconLeft:s,hasIconRight:o,hasIconTop:i,hasIconBottom:a}}function te(n,r){const{focused:t}=_.useFocus(n);return e.watch(t,s=>{r(s?"focus":"blur",n.value)}),{focused:t}}function ne(n,r,t){const s=e.ref(n==null?void 0:n.value),o=_.refDebounced(s,r||0);return e.watch(o,i=>t("update:modelValue",i)),s}function re(n,r){const t=e.computed(()=>{const i=e.unref(n);return _.isString(i)?i.length:0}),s=e.computed(()=>{const i=e.unref(n)||"";return!_.isString(i)||r.mode===!1?0:r.mode===!0?i.length:e.unref(r.upperLimit)-i.length}),o=e.computed(()=>r.mode===!1?"":r.mode===!0&&r.upperLimit&&r.upperLimit>0?`${s.value}/${e.unref(r.upperLimit)}`:s.value);return{textLength:t,textLimitLength:s,formattedTextLimitLength:o}}const oe=["for"],se={class:"vv-input-text__wrapper"},ie={key:2,class:"vv-input-text__limit"},ae={inheritAttrs:!1};return e.defineComponent({...ae,__name:"VvInputText",props:Z,emits:z,setup(n,{emit:r}){const t=n,s=e.useSlots(),o=e.useAttrs(),i=e.ref(),{icon:a,iconPosition:f,label:c,modelValue:E,autoclear:l,limit:u}=e.toRefs(t),h=t.id||t.name,d=`${t.name}-label`,y=`${t.name}-hint`,b=e.computed(()=>t.floating&&S.isEmpty(t.placeholder)?" ":t.placeholder),I=ne(E,t.debounce,r),x=e.ref(!1),B=e.computed(()=>t.type===m.TYPES.PASSWORD),O=e.computed(()=>t.type===m.TYPES.NUMBER);function ce(){const g=t.max;!M.value&&I.value+1<=g&&(i.value.stepUp(),I.value=e.unref(i.value).value)}function le(){const g=t.min;!M.value&&I.value-1<=g&&(i.value.stepDown(),I.value=e.unref(i.value).value)}const{hasIconLeft:$,hasIconRight:F}=ee(a,f,{iconLeft:s["icon-left"],iconRight:s["icon-right"]}),R=e.computed(()=>{switch(t.type){case m.TYPES.PASSWORD:return m.TYPES_ICON.PASSWORD_OFF;case m.TYPES.COLOR:return m.TYPES_ICON.COLOR;case m.TYPES.DATE:case m.TYPES.DATETIME_LOCAL:return m.TYPES_ICON.DATE;case m.TYPES.TIME:return m.TYPES_ICON.TIME;case m.TYPES.SEARCH:return m.TYPES_ICON.SEARCH;default:return""}}),{textLength:ue,formattedTextLimitLength:de}=re(I,{mode:t.limit,upperLimit:t.maxlength||0}),{focused:fe}=te(i,r),M=e.computed(()=>t.disabled||t.readonly),pe=e.computed(()=>{const g=F.value||S.isNotEmpty(R.value),p=t.floating&&S.isNotEmpty(t.label),A=S.isNotEmpty(E==null?void 0:E.value);return[K("vv-input-text",{modifiers:t.modifiers,readonly:t.readonly,valid:t.valid,invalid:t.error,loading:t.loading,iconLeft:$,iconRight:g,floating:p,dirty:A}),o.class]}),me=e.computed(()=>{const{style:g}=o,p=S.pickBy(o,A=>A.startsWith("data-"));return{style:g,...p}}),he=e.computed(()=>{const g=B.value&&x.value?"text":t.type,p=S.pickBy(o,A=>A.startsWith("aria-"));return{id:h,type:g,placeholder:b.value,name:t.name,autocomplete:t.autocomplete,disabled:t.disabled,readonly:t.readonly,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:t.step,"aria-invalid":t.error,"aria-valid":!t.valid,"aria-labeledby":d,"aria-describedby":y,"aria-errormessage":y,...p}}),j=e.computed(()=>{const{modelValue:g,valid:p,error:A}=t;return{valid:p,error:A,modelValue:g}}),ye=Q(t,s),ge=L(m.TYPES.PASSWORD,t),Se=L(m.TYPES.NUMBER,t);function Ee(){I.value=null}return e.onMounted(()=>{t.autofocus&&(fe.value=!0)}),(g,p)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps(e.unref(me),{class:e.unref(pe)}),[e.unref(c)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(h)},e.toDisplayString(e.unref(c)),9,oe)):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.unref($)?e.renderSlot(g.$slots,"icon-left",e.normalizeProps(e.mergeProps({key:0},e.unref(j))),()=>[e.createVNode(T,{class:"vv-input-text__icon-left",name:e.unref(a)},null,8,["name"])]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:i},e.unref(he),{"onUpdate:modelValue":p[0]||(p[0]=A=>e.isRef(I)?I.value=A:null),onInput:p[1]||(p[1]=A=>r("input",A))}),null,16),[[e.vModelDynamic,e.unref(I)]]),e.unref(l)&&e.unref(ue)>0?(e.openBlock(),e.createElementBlock("button",{key:1,class:"vv-button vv-button--ghost",onClick:Ee},[e.createVNode(T,{name:"clear-field"})])):e.createCommentVNode("",!0),e.renderSlot(g.$slots,"icon-right",e.normalizeProps(e.guardReactiveProps(e.unref(j))),()=>[e.unref(B)?(e.openBlock(),e.createBlock(e.unref(ge),{key:0,onActionPasswordOn:p[2]||(p[2]=A=>x.value=!0),onActionPasswordOff:p[3]||(p[3]=A=>x.value=!1)})):e.unref(O)?(e.openBlock(),e.createBlock(e.unref(Se),{key:1,onActionStepUp:ce,onActionStepDown:le})):e.unref(F)||e.unref(R)?(e.openBlock(),e.createBlock(T,{key:2,name:e.unref(a)||e.unref(R)},null,8,["name"])):e.createCommentVNode("",!0)]),e.unref(u)?(e.openBlock(),e.createElementBlock("span",ie,[e.renderSlot(g.$slots,"limit",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(de)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(ye),{id:y,class:"vv-input-text__hint"})],16))}})});
+(function(e,C){typeof exports=="object"&&typeof module<"u"?module.exports=C(require("vue"),require("nanoid"),require("@vueuse/core"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","nanoid","@vueuse/core","@iconify/vue"],C):(e=typeof globalThis<"u"?globalThis:e||self,e.VvInputText=C(e.vue,e.nanoid,e.core,e.vue$1))})(this,function(e,C,A,w){"use strict";function j(o,n){if(o&&Object.keys(o).length&&n){if(n.indexOf(".")===-1)return o[n];{const t=n.split(".");let i=o;for(let r=0,l=t.length;r<l;++r){if(o==null)return null;i=i[t[r]]}return i}}else return null}function I(o){return(n=>n==null||n===""||Array.isArray(n)&&n.length===0||!(n instanceof Date)&&typeof n=="object"&&Object.keys(n).length===0)(e.unref(o))}function Q(o){return typeof o=="string"||o instanceof String}function F(o){var n,t;if(o)return(t=(n=o.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g))==null?void 0:n.join("-"))==null?void 0:t.toLowerCase()}function D(o){return Array.isArray(o)?o.filter(n=>Q(n)).join(" "):o}function ee(o,n){const{error:t,valid:i,hint:r,loading:l}=n,{hintLabel:s,modelValue:b,valid:m,validLabel:p,error:c,errorLabel:a,...S}=e.toRefs(o),d=j(S,"loading"),f=j(S,"loadingLabel"),y=e.computed(()=>c.value?!!(c.value&&t||a!=null&&a.value&&Array.isArray(a.value)&&a.value.length>0||a!=null&&a.value&&!I(a)):!1),x=e.computed(()=>!!(s&&s.value||r)),_=e.computed(()=>!!(p&&p.value||i)),k=e.computed(()=>!!(d!=null&&d.value&&l||d!=null&&d.value&&(f!=null&&f.value))),H=e.computed(()=>x.value||_||y.value||k.value);return{hasErrors:y,hasHint:x,hasValid:_,hasLoading:k,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(N){const v=e.computed(()=>{const T=A.toReactive({hintLabel:s,modelValue:b,valid:m,validLabel:p,error:c,errorLabel:a,loading:d,loadingLabel:f,...N.params});return c!=null&&c.value?(t==null?void 0:t(T))||D(a==null?void 0:a.value)||(s==null?void 0:s.value):m!=null&&m.value?(i==null?void 0:i(T))||D(p==null?void 0:p.value)||(s==null?void 0:s.value):d!=null&&d.value?(l==null?void 0:l(T))||D(f==null?void 0:f.value)||(s==null?void 0:s.value):(r==null?void 0:r(T))||D(s==null?void 0:s.value)||(s==null?void 0:s.value)});return{isVisible:H,hasErrors:y,hasValid:_,hintContent:v}},render(){if(this.isVisible)return e.h("small",{role:this.hasErrors||this.hasValid?"alert":void 0},this.hintContent)}}}}function te(o,n,t){const i=e.computed(()=>!!(o.value&&n.value==="left"||t.iconLeft)),r=e.computed(()=>!!(o.value&&n.value==="right"||t.iconRight)),l=e.computed(()=>!!(o.value&&n.value==="top"||t.iconTop)),s=e.computed(()=>!!(o.value&&n.value==="bottom"||t.iconBottom));return{hasIconLeft:i,hasIconRight:r,hasIconTop:l,hasIconBottom:s}}function ne(o,n){const{focused:t}=A.useFocus(o);return e.watch(t,i=>{n(i?"focus":"blur",e.unref(o))}),{focused:t}}function oe(o,n,t=0){let i;return typeof t=="string"&&(t=parseInt(t)),e.computed({get:()=>o==null?void 0:o.value,set:r=>{i&&clearTimeout(i),i=setTimeout(()=>{n("update:modelValue",r)},t)}})}function re(o,n){const t=e.computed(()=>{const l=e.unref(o);return A.isString(l)?l.length:0}),i=e.computed(()=>{const l=e.unref(o)||"";return!A.isString(l)||n.mode===!1?0:n.mode===!0?l.length:e.unref(n.upperLimit)-l.length}),r=e.computed(()=>n.mode===!1?"":n.mode===!0&&n.upperLimit&&n.upperLimit>0?`${i.value}/${e.unref(n.upperLimit)}`:i.value);return{textLength:t,textLimitLength:i,formattedTextLimitLength:r}}function W(o,n){const t={[`${o}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((r,l)=>{const s=e.unref(n[l])||!1;if(!s)return r;if(l==="modifiers"){const b=Array.isArray(s)?s:s.split(" ");return{...r,...b.reduce((m,p)=>({...m,[`${o}--${F(p)}`]:!0}),{})}}else return{...r,[`${o}--${F(l)}`]:s}},t)||{})}}const ie="ds",se={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]}},ae={name:"VvIcon"},g=e.defineComponent({...ae,props:se,setup(o){const n=o,t=e.ref(!0),{modifiers:i}=e.toRefs(n),r=e.inject(ie),{bemCssClasses:l}=W("vv-icon",{modifiers:i}),s=e.computed(()=>n.provider||(r==null?void 0:r.provider)),b=e.computed(()=>{const c=n.name||"",a=`@${s.value}:${n.prefix}:${n.name}`;return w.iconExists(c)?c:w.iconExists(a)?a:(r==null?void 0:r.iconsCollections.find(S=>{const d=`@${s.value}:${S.prefix}:${c}`;if(w.iconExists(d))return d}))||c});function m(c){let a=null;if(typeof window>"u"){const{JSDOM:y}=require("jsdom");a=new y().window}return(a?new a.DOMParser:new window.DOMParser).parseFromString(c,"text/html").querySelector("svg")}function p(c){const a=m(c),S=(a==null?void 0:a.innerHTML.trim())||"";a&&S&&w.addIcon(`@${s.value}:${n.prefix}:${n.name}`,{body:S,height:a.viewBox.baseVal.height,width:a.viewBox.baseVal.width})}return r&&(n.src&&!w.iconExists(`@${s.value}:${n.prefix}:${n.name}`)?(t.value=!1,r.fetchIcon(n.src).then(c=>{c&&(p(c),t.value=!0)}).catch(c=>{throw new Error(`During fetch icon: ${c==null?void 0:c.message}`)})):n.svg&&p(n.svg)),(c,a)=>t.value?(e.openBlock(),e.createBlock(e.unref(w.Icon),e.mergeProps({key:0,class:e.unref(l)},{...c.$props,provider:e.unref(s),icon:e.unref(b)}),null,16,["class"])):e.createCommentVNode("",!0)}}),le={valid:Boolean,validLabel:[String,Array]},ce={error:Boolean,errorLabel:[String,Array]},de={loading:Boolean,loadingLabel:String},ue={modifiers:[String,Array]},pe={hintLabel:{type:String,default:""}},fe={limit:{type:[Boolean,String],default:!1,validator:o=>[!0,!1,"countdown"].includes(o)}},me={id:[String,Number],name:{type:String,required:!0},autocomplete:{type:String,default:"off"},autofocus:Boolean,minlength:Number,maxlength:Number,label:String,placeholder:String,required:Boolean,disabled:Boolean,readonly:Boolean},E={TEXT:"text",PASSWORD:"password",DATE:"date",DATETIME_LOCAL:"datetime-local",NUMBER:"number",TIME:"time",EMAIL:"email",TEL:"tel",URL:"url",COLOR:"color",SEARCH:"search",FILE:"file"},B={LEFT:"left",RIGHT:"right"},P={PASSWORD_SHOW:"eye-on",PASSWORD_HIDE:"eye-off",DATE:"calendar",TIME:"time",COLOR:"color",SEARCH:"close"},u={TYPES:E,ICON_POSITIONS:B,TYPES_ICON:P},Se=["update:modelValue","focus","blur","keyup"],he={...le,...ce,...pe,...de,...ue,...fe,...me,modelValue:{type:[String,Number],default:void 0},type:{type:String,default:E.TEXT,validator:o=>Object.values(E).includes(o)},min:[Number,Date],max:[Number,Date],step:{type:Number,default:1},labelStepUp:{type:String,default:"Increase value"},labelStepDown:{type:String,default:"Decrease value"},labelShowPassword:{type:String,default:"Show password"},labelHidePassword:{type:String,default:"Hide password"},labelClear:{type:String,default:"Clear"},iconShowPassword:{type:String,default:P.PASSWORD_SHOW},iconHidePassword:{type:String,default:P.PASSWORD_HIDE},iconClear:{type:String,default:P.SEARCH},icon:{type:[String,Object],default:""},iconPosition:{type:String,validation:o=>Object.values(B).includes(o),default:B.RIGHT},floating:Boolean,debounce:[String,Number],tabindex:{type:[String,Number],default:0}},q=e.defineComponent({components:{VvIcon:g},props:{disabled:{type:Boolean,default:!1},labelShow:{type:String,default:"Show password"},labelHide:{type:String,default:"Hide password"},iconShow:{type:String,default:P.PASSWORD_SHOW},iconHide:{type:String,default:P.PASSWORD_HIDE}},emits:["toggle-password"],setup(o,{emit:n}){const t=e.ref(!1),i=e.computed(()=>t.value?o.iconHide:o.iconShow);function r(l){l==null||l.stopPropagation(),o.disabled||(t.value=!t.value,n("toggle-password",t.value))}return{active:t,activeIcon:i,onClick:r}},render(){const o=e.h(g,{name:this.activeIcon,class:"vv-input-text__action-icon"});return e.h("button",{disabled:this.disabled,class:"vv-input-text__action",ariaLabel:this.active?this.labelHide:this.labelShow,type:"button",onClick:this.onClick},o)}}),R=e.defineComponent({components:{VvIcon:g},props:{disabled:{type:Boolean,default:!1},label:{type:String},mode:{type:String,validator:o=>["up","down"].includes(o),default:"up"}},emits:["step-up","step-down"],setup(o,{emit:n}){const t=e.computed(()=>o.mode==="up");return{isUp:t,onClick:r=>{r==null||r.stopPropagation(),o.disabled||n(t.value?"step-up":"step-down")}}},render(){return e.h("button",{class:["vv-input-text__action-chevron",this.isUp&&"vv-input-text__action-chevron-up"],disabled:this.disabled,ariaLabel:this.label,onClick:this.onClick})}}),z=e.defineComponent({components:{VvIcon:g},props:{disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:String,default:"close"}},emits:["clear"],setup(o,{emit:n}){function t(i){i==null||i.stopPropagation(),o.disabled||n("clear")}return{onClick:t}},render(){const o=e.h(g,{name:this.icon,class:"vv-input-text__action-icon"});return e.h("button",{disabled:this.disabled,class:"vv-input-text__action",ariaLabel:this.label,type:"button",onClick:this.onClick},o)}});function V(o,n){return{name:"VvInputTextActions",components:{VvIcon:g,VvInputPasswordAction:q,VvInputStepAction:R,VvInputClearAction:z},setup(){return{isDisabled:e.computed(()=>n.disabled||n.readonly),labelStepUp:n.labelStepUp,labelStepDown:n.labelStepDown,labelShowPassword:n.labelShowPassword,labelHidePassword:n.labelHidePassword,labelClear:n.labelClear,iconShowPassword:n.iconShowPassword,iconHidePassword:n.iconHidePassword}},render(){let t=null;switch(o){case E.SEARCH:{const{onClear:i}=this.$attrs;t=[e.h(z,{disabled:this.isDisabled,label:this.labelShowPassword,onClear:i})];break}case E.PASSWORD:{const{onTogglePassword:i}=this.$attrs;t=[e.h(q,{disabled:this.isDisabled,onTogglePassword:i,labelShow:this.labelShowPassword,labelHide:this.labelHidePassword,iconShow:this.iconShowPassword,iconHide:this.iconHidePassword})];break}case E.NUMBER:{const{onStepUp:i,onStepDown:r}=this.$attrs;t=[e.h(R,{mode:"up",disabled:this.isDisabled||n.max!==void 0&&n.modelValue===n.max,label:this.labelStepUp,onStepUp:i,onStepDown:r}),e.h(R,{mode:"down",disabled:this.isDisabled||n.min!==void 0&&n.modelValue===n.min,label:this.labelStepDown,onStepUp:i,onStepDown:r})];break}}return Array.isArray(t)?e.h("div",{class:"vv-input-text__actions-group"},t):t}}}const ge=["for"],be={class:"vv-input-text__wrapper"},ye=["id","disabled","readonly","required"],we={key:1,class:"vv-input-text__limit"},Ee={name:"VvInputText"};return e.defineComponent({...Ee,props:he,emits:Se,setup(o,{emit:n}){const t=o,i=e.useSlots(),r=e.ref(),{icon:l,iconPosition:s,label:b,modelValue:m,limit:p}=e.toRefs(t),c=e.computed(()=>String(t.id||C.nanoid())),a=e.computed(()=>`${c.value}-hint`),S=e.computed(()=>t.floating&&I(t.placeholder)?" ":t.placeholder),d=oe(m,n,t.debounce),f=e.ref(!1),y=e.computed(()=>t.type===u.TYPES.PASSWORD),x=()=>{f.value=!f.value},_=e.computed(()=>[u.TYPES.TIME,u.TYPES.DATETIME_LOCAL,u.TYPES.DATE].includes(t.type)),k=e.computed(()=>t.type===u.TYPES.NUMBER),H=()=>{Y.value||(r.value.stepUp(),d.value=e.unref(r).value)},N=()=>{Y.value||(r.value.stepDown(),d.value=e.unref(r).value)},v=e.computed(()=>t.type===u.TYPES.SEARCH),T=()=>{d.value=null},{hasIconLeft:X,hasIconRight:L}=te(l,s,{iconLeft:i["icon-left"],iconRight:i["icon-right"]}),Z=e.computed(()=>typeof l.value=="string"?{name:l.value}:l.value),$=e.computed(()=>{switch(t.type){case u.TYPES.COLOR:return{name:u.TYPES_ICON.COLOR};case u.TYPES.DATE:case u.TYPES.DATETIME_LOCAL:return{name:u.TYPES_ICON.DATE};case u.TYPES.TIME:return{name:u.TYPES_ICON.TIME};default:return""}}),{formattedTextLimitLength:Pe}=re(d,{mode:t.limit,upperLimit:t.maxlength||0}),{focused:M}=ne(r,n),Y=e.computed(()=>t.disabled||t.readonly),Te=e.computed(()=>Y.value?-1:t.tabindex),G=e.computed(()=>!I(m)),Ce=e.computed(()=>{if(t.error===!0)return!0;if(t.valid===!0)return!1}),{bemCssClasses:Ie}=W("vv-input-text",{modifiers:t.modifiers,valid:t.valid,invalid:t.error,loading:t.loading,iconLeft:X,iconRight:L.value||!I($),floating:t.floating&&!I(t.label),dirty:G,focus:M}),_e=e.computed(()=>{const h=(()=>y.value&&f.value||_.value&&!G.value&&!M.value?u.TYPES.TEXT:t.type)();return{type:h,placeholder:S.value,name:t.name,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,min:t.min,max:t.max,step:h===u.TYPES.NUMBER?t.step:void 0,tabindex:Te.value,"aria-invalid":Ce.value,"aria-describedby":!K.value&&De.value?a.value:void 0,"aria-errormessage":K.value?a.value:void 0}}),J=e.computed(()=>({valid:t.valid,error:t.error,modelValue:t.modelValue})),{HintSlot:Ae,hasHint:De,hasErrors:K}=ee(t,i),xe=V(u.TYPES.PASSWORD,t),ke=V(u.TYPES.NUMBER,t),Oe=V(u.TYPES.SEARCH,t);return e.onMounted(()=>{t.autofocus&&(M.value=!0)}),(h,O)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(Ie))},[e.unref(b)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(c),class:"vv-input-text__label"},e.toDisplayString(e.unref(b)),9,ge)):e.createCommentVNode("",!0),e.createElementVNode("div",be,[e.unref(X)?e.renderSlot(h.$slots,"icon-left",e.normalizeProps(e.mergeProps({key:0},e.unref(J))),()=>[e.createVNode(g,e.mergeProps({class:"vv-input-text__icon-left"},e.unref(Z)),null,16)]):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(c),ref_key:"input",ref:r,"onUpdate:modelValue":O[0]||(O[0]=U=>e.isRef(d)?d.value=U:null)},e.unref(_e),{disabled:h.disabled,readonly:h.readonly,required:h.required,onKeyup:O[1]||(O[1]=U=>n("keyup",U))}),null,16,ye),[[e.vModelDynamic,e.unref(d)]]),e.renderSlot(h.$slots,"icon-right",e.normalizeProps(e.guardReactiveProps(e.unref(J))),()=>[e.unref(L)||e.unref($)?(e.openBlock(),e.createBlock(g,e.normalizeProps(e.mergeProps({key:0},e.unref(L)?e.unref(Z):e.unref($))),null,16)):e.unref(y)?(e.openBlock(),e.createBlock(e.unref(xe),{key:1,onTogglePassword:x})):e.unref(k)?(e.openBlock(),e.createBlock(e.unref(ke),{key:2,onStepUp:H,onStepDown:N})):e.unref(v)?(e.openBlock(),e.createBlock(e.unref(Oe),{key:3,onClear:T})):e.createCommentVNode("",!0)]),e.unref(p)?(e.openBlock(),e.createElementBlock("span",we,[e.renderSlot(h.$slots,"limit",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(Pe)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(Ae),{id:e.unref(a),class:"vv-input-text__hint"},null,8,["id"])],2))}})});

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

@@ -1,251 +1,67 @@
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            type: string;
-            disabled: boolean;
-            readonly: boolean;
-            icon: string;
-            iconPosition: string;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            autocomplete: string;
-            autofocus: boolean;
-            floating: boolean;
-            autoclear: boolean;
-            limit: string | boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: null;
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            id: StringConstructor;
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            autocomplete: {
-                type: StringConstructor;
-                default: string;
-            };
-            autofocus: BooleanConstructor;
-            minlength: NumberConstructor;
-            maxlength: NumberConstructor;
-            min: (DateConstructor | NumberConstructor)[];
-            max: (DateConstructor | NumberConstructor)[];
-            step: NumberConstructor;
-            label: StringConstructor;
-            disabled: BooleanConstructor;
-            readonly: BooleanConstructor;
-            placeholder: StringConstructor;
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconPosition: {
-                type: StringConstructor;
-                validation: (value: string) => boolean;
-                default: string;
-            };
-            floating: BooleanConstructor;
-            debounce: NumberConstructor;
-            autoclear: BooleanConstructor;
-            limit: {
-                type: (StringConstructor | BooleanConstructor)[];
-                default: boolean;
-                validator: (value: string) => boolean;
-            };
-            modifiers: import("vue").PropType<string | string[]>;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "disabled" | "readonly" | "icon" | "iconPosition" | "loading" | "error" | "valid" | "hintLabel" | "autocomplete" | "autofocus" | "floating" | "autoclear" | "limit">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            modelValue: null;
-            type: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-            id: StringConstructor;
-            name: {
-                type: StringConstructor;
-                required: boolean;
-            };
-            autocomplete: {
-                type: StringConstructor;
-                default: string;
-            };
-            autofocus: BooleanConstructor;
-            minlength: NumberConstructor;
-            maxlength: NumberConstructor;
-            min: (DateConstructor | NumberConstructor)[];
-            max: (DateConstructor | NumberConstructor)[];
-            step: NumberConstructor;
-            label: StringConstructor;
-            disabled: BooleanConstructor;
-            readonly: BooleanConstructor;
-            placeholder: StringConstructor;
-            icon: {
-                type: StringConstructor;
-                default: string;
-            };
-            iconPosition: {
-                type: StringConstructor;
-                validation: (value: string) => boolean;
-                default: string;
-            };
-            floating: BooleanConstructor;
-            debounce: NumberConstructor;
-            autoclear: BooleanConstructor;
-            limit: {
-                type: (StringConstructor | BooleanConstructor)[];
-                default: boolean;
-                validator: (value: string) => boolean;
-            };
-            modifiers: import("vue").PropType<string | string[]>;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            hintLabel: {
-                type: StringConstructor;
-                default: string;
-            };
-            error: BooleanConstructor;
-            errorLabel: (StringConstructor | ArrayConstructor)[];
-            valid: BooleanConstructor;
-            validLabel: (StringConstructor | ArrayConstructor)[];
-        }>> & {
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-            type: string;
-            disabled: boolean;
-            readonly: boolean;
-            icon: string;
-            iconPosition: string;
-            loading: boolean;
-            error: boolean;
-            valid: boolean;
-            hintLabel: string;
-            autocomplete: string;
-            autofocus: boolean;
-            floating: boolean;
-            autoclear: boolean;
-            limit: string | boolean;
-        }, {}, string> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{
-        modelValue: null;
-        type: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        id: StringConstructor;
-        name: {
-            type: StringConstructor;
-            required: boolean;
-        };
-        autocomplete: {
-            type: StringConstructor;
-            default: string;
-        };
-        autofocus: BooleanConstructor;
-        minlength: NumberConstructor;
-        maxlength: NumberConstructor;
-        min: (DateConstructor | NumberConstructor)[];
-        max: (DateConstructor | NumberConstructor)[];
-        step: NumberConstructor;
-        label: StringConstructor;
-        disabled: BooleanConstructor;
-        readonly: BooleanConstructor;
-        placeholder: StringConstructor;
-        icon: {
-            type: StringConstructor;
-            default: string;
-        };
-        iconPosition: {
-            type: StringConstructor;
-            validation: (value: string) => boolean;
-            default: string;
-        };
-        floating: BooleanConstructor;
-        debounce: NumberConstructor;
-        autoclear: BooleanConstructor;
-        limit: {
-            type: (StringConstructor | BooleanConstructor)[];
-            default: boolean;
-            validator: (value: string) => boolean;
-        };
-        modifiers: import("vue").PropType<string | string[]>;
-        loading: BooleanConstructor;
-        loadingLabel: StringConstructor;
-        hintLabel: {
-            type: StringConstructor;
-            default: string;
-        };
-        error: BooleanConstructor;
-        errorLabel: (StringConstructor | ArrayConstructor)[];
-        valid: BooleanConstructor;
-        validLabel: (StringConstructor | ArrayConstructor)[];
-    }>> & {
-        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: null;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
     type: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
-    id: StringConstructor;
+    min: (DateConstructor | NumberConstructor)[];
+    max: (DateConstructor | NumberConstructor)[];
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    labelStepUp: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelStepDown: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelShowPassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelHidePassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelClear: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconShowPassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconHidePassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconClear: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    iconPosition: {
+        type: StringConstructor;
+        validation: (value: string) => boolean;
+        default: string;
+    };
+    floating: BooleanConstructor;
+    debounce: (StringConstructor | NumberConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
@@ -257,25 +73,107 @@ declare const _default: {
     autofocus: BooleanConstructor;
     minlength: NumberConstructor;
     maxlength: NumberConstructor;
-    min: (DateConstructor | NumberConstructor)[];
-    max: (DateConstructor | NumberConstructor)[];
-    step: NumberConstructor;
     label: StringConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
-    placeholder: StringConstructor;
-    icon: {
+    limit: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    modifiers: import("vue").PropType<string | string[]>;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
         type: StringConstructor;
         default: string;
     };
+    error: BooleanConstructor;
+    errorLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    min: (DateConstructor | NumberConstructor)[];
+    max: (DateConstructor | NumberConstructor)[];
+    step: {
+        type: NumberConstructor;
+        default: number;
+    };
+    labelStepUp: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelStepDown: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelShowPassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelHidePassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelClear: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconShowPassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconHidePassword: {
+        type: StringConstructor;
+        default: string;
+    };
+    iconClear: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
     iconPosition: {
         type: StringConstructor;
         validation: (value: string) => boolean;
         default: string;
     };
     floating: BooleanConstructor;
-    debounce: NumberConstructor;
-    autoclear: BooleanConstructor;
+    debounce: (StringConstructor | NumberConstructor)[];
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    id: (StringConstructor | NumberConstructor)[];
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    autofocus: BooleanConstructor;
+    minlength: NumberConstructor;
+    maxlength: NumberConstructor;
+    label: StringConstructor;
+    placeholder: StringConstructor;
+    required: BooleanConstructor;
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
     limit: {
         type: (StringConstructor | BooleanConstructor)[];
         default: boolean;
@@ -289,39 +187,53 @@ declare const _default: {
         default: string;
     };
     error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+    errorLabel: (ArrayConstructor | StringConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 }>> & {
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
-    type: string;
+}, {
+    modelValue: string | number;
     disabled: boolean;
-    readonly: boolean;
-    icon: string;
+    type: string;
+    error: boolean;
+    required: boolean;
+    icon: string | Record<string, any>;
     iconPosition: string;
     loading: boolean;
-    error: boolean;
-    valid: boolean;
+    readonly: boolean;
+    tabindex: string | number;
     hintLabel: string;
+    valid: boolean;
+    step: number;
+    labelStepUp: string;
+    labelStepDown: string;
+    labelShowPassword: string;
+    labelHidePassword: string;
+    labelClear: string;
+    iconShowPassword: string;
+    iconHidePassword: string;
+    iconClear: string;
+    floating: boolean;
     autocomplete: string;
     autofocus: boolean;
-    floating: boolean;
-    autoclear: boolean;
     limit: string | boolean;
-}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        'icon-left': (_: {
-            valid: boolean;
-            error: boolean;
-            modelValue: any;
-        }) => any;
-        'icon-right': (_: {
-            valid: boolean;
-            error: boolean;
-            modelValue: any;
-        }) => any;
-        limit: (_: {}) => any;
-    };
-});
+}>, {
+    'icon-left': (_: {
+        valid: boolean;
+        error: boolean;
+        modelValue: string | number | undefined;
+    }) => any;
+    'icon-right': (_: {
+        valid: boolean;
+        error: boolean;
+        modelValue: string | number | undefined;
+    }) => any;
+    limit: (_: {}) => any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/VvInputText/VvInputTextActions.d.ts

@@ -1,3 +1,3 @@
-import type { VvInputTextPropsTypes } from './VvInputText';
 import { type Component } from 'vue';
+import { type VvInputTextPropsTypes } from '@/components/VvInputText';
 export default function VvInputTextActionsFactory(type: string, parentProps: VvInputTextPropsTypes): Component;