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

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

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

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

@@ -49,15 +49,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     maxlength: NumberConstructor;
     placeholder: StringConstructor;
     required: BooleanConstructor;
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     floating: BooleanConstructor;
     icon: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     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: {
@@ -67,7 +67,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -87,11 +90,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 | NumberConstructor)[];
     type: {
@@ -143,15 +146,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     maxlength: NumberConstructor;
     placeholder: StringConstructor;
     required: BooleanConstructor;
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[];
     floating: BooleanConstructor;
     icon: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     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: {
@@ -161,7 +164,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     modifiers: import("vue").PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    loadingLabel: {
+        type: StringConstructor;
+        default: string;
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -181,20 +187,21 @@ 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;
     type: import("@/components/VvInputText").InputType;
     required: boolean;
-    multiple: boolean;
-    iconPosition: import("../../props/index.js").IconPosition;
+    iconPosition: import("../../constants.js").Position;
     loading: boolean;
+    loadingLabel: string;
+    multiple: boolean;
     readonly: boolean;
     hintLabel: string;
     invalid: boolean;

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

@@ -135,15 +135,19 @@ export declare const VvInputTextProps: {
     maxlength: NumberConstructor;
     placeholder: StringConstructor;
     required: BooleanConstructor;
-    label: StringConstructor;
+    label: (StringConstructor | NumberConstructor)[]; /**
+     * Pattern the value must match to be valid
+     * Available for input types: text, search, url, tel, email and password
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#pattern
+     */
     floating: BooleanConstructor;
     icon: {
         type: (StringConstructor | ObjectConstructor)[];
     };
     iconPosition: {
-        type: PropType<import("@/props").IconPosition>;
-        validation: (value: import("@/props").IconPosition) => boolean;
-        default: "right";
+        type: PropType<import("../../constants").Position>;
+        default: import("../../constants").Position;
+        validation: (value: import("../../constants").Position) => boolean;
     };
     debounce: (StringConstructor | NumberConstructor)[];
     count: {
@@ -153,7 +157,14 @@ export declare const VvInputTextProps: {
     };
     modifiers: PropType<string | string[]>;
     loading: BooleanConstructor;
-    loadingLabel: StringConstructor;
+    loadingLabel: {
+        type: StringConstructor;
+        default: string; /**
+         * 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
+         */
+    };
     hintLabel: {
         type: StringConstructor;
         default: string;
@@ -173,10 +184,10 @@ export declare const VvInputTextProps: {
         default: string;
     };
     autofocus: BooleanConstructor;
-    id: (StringConstructor | NumberConstructor)[];
     name: {
         type: StringConstructor;
         required: boolean;
     };
+    id: (StringConstructor | NumberConstructor)[];
 };
 export type VvInputTextPropsTypes = ExtractPropTypes<typeof VvInputTextProps>;

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

@@ -1,37 +1,131 @@
-import { defineComponent as l, openBlock as m, createElementBlock as p, mergeProps as u, unref as e } from "vue";
-const c = {
+import { computed as l, unref as s, defineComponent as g, toRefs as b, openBlock as y, createElementBlock as m, mergeProps as S } from "vue";
+var u = /* @__PURE__ */ ((t) => (t.left = "left", t.right = "right", t.top = "top", t.bottom = "bottom", t))(u || {}), c = /* @__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))(c || {}), p = /* @__PURE__ */ ((t) => (t.before = "before", t.after = "after", t))(p || {}), i = /* @__PURE__ */ ((t) => (t.button = "button", t.submit = "submit", t.reset = "reset", t))(i || {}), f = /* @__PURE__ */ ((t) => (t._blank = "_blank", t._self = "_self", t._parent = "_parent", t._top = "_top", t))(f || {});
+const _ = {
+  /**
+   * The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
+   * @see Documentation of [router-link](https://router.vuejs.org/api/#router-link) and [nuxt-link](https://nuxtjs.org/api/components-nuxt-link/)
+   */
+  to: {
+    type: [String, Object]
+  },
+  /**
+   * Anchor href
+   */
+  href: String,
+  /**
+   * Anchor target
+   */
+  target: {
+    type: String,
+    validator: (t) => Object.values(f).includes(t)
+  },
+  /**
+   * Anchor rel
+   */
+  rel: {
+    type: String,
+    default: "noopener noreferrer"
+  }
+}, j = {
+  /**
+   * Whether the form control is disabled
+   */
+  disabled: Boolean
+}, O = {
+  /**
+   * Whether the item is active
+   */
+  active: Boolean
+}, B = {
+  /**
+   * Whether the item is pressed
+   */
+  pressed: Boolean
+}, h = {
+  /**
+   * The item label
+   */
+  label: [String, Number]
+}, E = {
+  /**
+   * Component BEM modifiers
+   */
   modifiers: [String, Array]
-}, d = {
-  ...c,
+};
+p.before;
+u.bottom;
+({
+  ...j,
+  ...h,
+  ...B,
+  ...O,
+  ..._,
+  /**
+   * Button type
+   */
+  type: i.button
+});
+const k = {
+  ...E,
+  /**
+   * Progress value
+   * This attribute specifies how much of the task that has been completed.
+   * It must be a valid floating point number between 0 and max, or between 0 and 1 if max is omitted.
+   * If there is no value attribute, the progress bar is indeterminate.
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-max
+   */
   value: {
     type: [Number, String],
     default: void 0
   },
+  /**
+   * Progress max
+   * This attribute describes how much work the task indicated by the progress element requires.
+   * The max attribute, if present, must have a value greater than 0 and be a valid floating point number. The default value is 1.
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-max
+   */
   max: {
     type: [Number, String]
   },
+  /**
+   * Progress aria-label
+   */
   label: {
     type: String,
     required: !0
   }
-}, f = {
+};
+function N(t, e, o) {
+  return l(() => {
+    const a = {
+      [t]: !0
+    }, n = typeof (e == null ? void 0 : e.value) == "string" ? e.value.split(" ") : e == null ? void 0 : e.value;
+    return n && Array.isArray(n) && n.forEach((r) => {
+      a[`${t}--${r}`] = !0;
+    }), o && Object.keys(o.value).forEach((r) => {
+      a[`${t}--${r}`] = s(o.value[r]);
+    }), a;
+  });
+}
+const P = {
   name: "VvProgress"
-}, _ = /* @__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 (g, v) => (m(), p("progress", u({ role: "progressbar" }, {
-      class: e(i),
-      ariaLabel: e(a),
-      max: e(t),
-      value: e(o)
+}, x = /* @__PURE__ */ g({
+  ...P,
+  props: k,
+  setup(t) {
+    const e = t, { value: o, max: a, label: n } = b(e), r = l(() => e.value === void 0), { modifiers: d } = b(e), v = N(
+      "vv-progress",
+      d,
+      l(() => ({ indeterminate: r.value }))
+    );
+    return (C, L) => (y(), m("progress", S({ role: "progressbar" }, {
+      class: s(v),
+      ariaLabel: s(n),
+      max: s(a),
+      value: s(o)
     }), null, 16));
   }
 });
 export {
-  _ as default
+  x as default
 };

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

@@ -1 +1 @@
-(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.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))}})});
+(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.VvProgress=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||{}),p=(t=>(t.topStart="top-start",t.topEnd="top-end",t.bottomStart="bottom-start",t.bottomEnd="bottom-end",t.leftStart="left-start",t.leftEnd="left-end",t.rightStart="right-start",t.rightEnd="right-end",t))(p||{}),u=(t=>(t.before="before",t.after="after",t))(u||{}),i=(t=>(t.button="button",t.submit="submit",t.reset="reset",t))(i||{}),f=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(f||{});const d={to:{type:[String,Object]},href:String,target:{type:String,validator:t=>Object.values(f).includes(t)},rel:{type:String,default:"noopener noreferrer"}},c={disabled:Boolean},b={active:Boolean},g={pressed:Boolean},y={label:[String,Number]},v={modifiers:[String,Array]};u.before,o.bottom,{...c,...y,...g,...b,...d,type:i.button};const m={...v,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}};function _(t,r,a){return e.computed(()=>{const s={[t]:!0},l=typeof(r==null?void 0:r.value)=="string"?r.value.split(" "):r==null?void 0:r.value;return l&&Array.isArray(l)&&l.forEach(n=>{s[`${t}--${n}`]=!0}),a&&Object.keys(a.value).forEach(n=>{s[`${t}--${n}`]=e.unref(a.value[n])}),s})}const S={name:"VvProgress"};return e.defineComponent({...S,props:m,setup(t){const r=t,{value:a,max:s,label:l}=e.toRefs(r),n=e.computed(()=>r.value===void 0),{modifiers:j}=e.toRefs(r),O=_("vv-progress",j,e.computed(()=>({indeterminate:n.value})));return(h,E)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(O),ariaLabel:e.unref(l),max:e.unref(s),value:e.unref(a)}),null,16))}})});