@volverjs/ui-vue 0.0.2 → 0.0.3-beta.3

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

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

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

@@ -5,8 +5,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: "text";
         validator: (value: import("@/components/VvInputText").InputType) => boolean;
     };
-    min: (DateConstructor | StringConstructor | NumberConstructor)[];
-    max: (DateConstructor | StringConstructor | NumberConstructor)[];
+    min: (StringConstructor | DateConstructor | NumberConstructor)[];
+    max: (StringConstructor | DateConstructor | NumberConstructor)[];
     step: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     floating: BooleanConstructor;
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
         type: import("vue").PropType<import("../../props/index.js").IconPosition>;
@@ -73,9 +73,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: (StringConstructor | ArrayConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     tabindex: {
@@ -99,8 +99,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: "text";
         validator: (value: import("@/components/VvInputText").InputType) => boolean;
     };
-    min: (DateConstructor | StringConstructor | NumberConstructor)[];
-    max: (DateConstructor | StringConstructor | NumberConstructor)[];
+    min: (StringConstructor | DateConstructor | NumberConstructor)[];
+    max: (StringConstructor | DateConstructor | NumberConstructor)[];
     step: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
@@ -146,7 +146,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     floating: BooleanConstructor;
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
         type: import("vue").PropType<import("../../props/index.js").IconPosition>;
@@ -167,9 +167,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: (StringConstructor | ArrayConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     tabindex: {

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

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

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

@@ -44,13 +44,13 @@ export declare const VvInputTextProps: {
      * Available for input types: date, month, week, time, datetime-local, number, range.
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min
      */
-    min: (DateConstructor | StringConstructor | NumberConstructor)[];
+    min: (StringConstructor | DateConstructor | NumberConstructor)[];
     /**
      * Maximum value
      * Available for input types: date, month, week, time, datetime-local, number, range.
      * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max
      */
-    max: (DateConstructor | StringConstructor | NumberConstructor)[];
+    max: (StringConstructor | DateConstructor | NumberConstructor)[];
     /**
      * Incremental values that are valid
      * Available for input types: date, month, week, time, datetime-local and number
@@ -138,7 +138,7 @@ export declare const VvInputTextProps: {
     label: StringConstructor;
     floating: BooleanConstructor;
     icon: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
         type: PropType<import("@/props").IconPosition>;
@@ -159,9 +159,9 @@ export declare const VvInputTextProps: {
         default: string;
     };
     invalid: BooleanConstructor;
-    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    invalidLabel: (StringConstructor | ArrayConstructor)[];
     valid: BooleanConstructor;
-    validLabel: (ArrayConstructor | StringConstructor)[];
+    validLabel: (StringConstructor | ArrayConstructor)[];
     readonly: BooleanConstructor;
     disabled: BooleanConstructor;
     tabindex: {

package/dist/components/VvProgress/VvProgress.es.js

@@ -1,42 +1,8 @@
-import { computed as m, unref as a, defineComponent as f, toRefs as p, openBlock as b, createElementBlock as C, mergeProps as g } from "vue";
-function c(r) {
-  var e, t;
-  if (r)
-    return (t = (e = r.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 : e.join("-")) == null ? void 0 : t.toLowerCase();
-}
-function _(r, e) {
-  const t = { [`${r}`]: !0 };
-  return {
-    bemCssClasses: m(() => Object.keys(e).reduce((o, n) => {
-      const s = a(e[n]) || !1;
-      if (!s)
-        return o;
-      if (n === "modifiers") {
-        const u = Array.isArray(s) ? s : s.split(" ");
-        return {
-          ...o,
-          ...u.reduce(
-            (l, d) => ({
-              ...l,
-              [`${r}--${c(d)}`]: !0
-            }),
-            {}
-          )
-        };
-      } else
-        return {
-          ...o,
-          [`${r}--${c(n)}`]: s
-        };
-    }, t) || {})
-  };
-}
-const v = {
+import { defineComponent as l, openBlock as m, createElementBlock as p, mergeProps as u, unref as e } from "vue";
+const c = {
   modifiers: [String, Array]
-}, y = {
-  ...v,
+}, d = {
+  ...c,
   value: {
     type: [Number, String],
     default: void 0
@@ -48,24 +14,24 @@ const v = {
     type: String,
     required: !0
   }
-}, A = {
+}, f = {
   name: "VvProgress"
-}, $ = /* @__PURE__ */ f({
-  ...A,
-  props: y,
-  setup(r) {
-    const e = r, { value: t, max: i, label: o } = p(e), n = m(() => e.value === void 0), { bemCssClasses: s } = _("vv-progress", {
-      modifiers: e.modifiers,
+}, _ = /* @__PURE__ */ l({
+  ...f,
+  props: d,
+  setup(s) {
+    const r = s, { value: o, max: t, label: a } = toRefs(r), n = computed(() => r.value === void 0), { bemCssClasses: i } = useBemModifiers("vv-progress", {
+      modifiers: r.modifiers,
       indeterminate: n
     });
-    return (u, l) => (b(), C("progress", g({ role: "progressbar" }, {
-      class: a(s),
-      ariaLabel: a(o),
-      max: a(i),
-      value: a(t)
+    return (g, v) => (m(), p("progress", u({ role: "progressbar" }, {
+      class: e(i),
+      ariaLabel: e(a),
+      max: e(t),
+      value: e(o)
     }), null, 16));
   }
 });
 export {
-  $ as default
+  _ as default
 };

package/dist/components/VvProgress/VvProgress.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports=="object"&&typeof module<"u"?module.exports=t(require("vue")):typeof define=="function"&&define.amd?define(["vue"],t):(e=typeof globalThis<"u"?globalThis:e||self,e.VvProgress=t(e.vue))})(this,function(e){"use strict";function t(r){var s,o;if(r)return(o=(s=r.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:s.join("-"))==null?void 0:o.toLowerCase()}function c(r,s){const o={[`${r}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(s).reduce((i,a)=>{const n=e.unref(s[a])||!1;if(!n)return i;if(a==="modifiers"){const f=Array.isArray(n)?n:n.split(" ");return{...i,...f.reduce((d,p)=>({...d,[`${r}--${t(p)}`]:!0}),{})}}else return{...i,[`${r}--${t(a)}`]:n}},o)||{})}}const l={...{modifiers:[String,Array]},value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}},m={name:"VvProgress"};return e.defineComponent({...m,props:l,setup(r){const s=r,{value:o,max:u,label:i}=e.toRefs(s),a=e.computed(()=>s.value===void 0),{bemCssClasses:n}=c("vv-progress",{modifiers:s.modifiers,indeterminate:a});return(f,d)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(n),ariaLabel:e.unref(i),max:e.unref(u),value:e.unref(o)}),null,16))}})});
+(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.VvProgress=r(e.vue))})(this,function(e){"use strict";const o={...{modifiers:[String,Array]},value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}},n={name:"VvProgress"};return e.defineComponent({...n,props:o,setup(t){const s=t,{value:i,max:a,label:f}=toRefs(s),u=computed(()=>s.value===void 0),{bemCssClasses:d}=useBemModifiers("vv-progress",{modifiers:s.modifiers,indeterminate:u});return(l,c)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(d),ariaLabel:e.unref(f),max:e.unref(a),value:e.unref(i)}),null,16))}})});