@volverjs/ui-vue 0.0.1-beta.6 → 0.0.1

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(V,P){typeof exports=="object"&&typeof module<"u"?P(exports,require("@iconify/vue"),require("vue"),require("@vueuse/core"),require("nanoid")):typeof define=="function"&&define.amd?define(["exports","@iconify/vue","vue","@vueuse/core","nanoid"],P):(V=typeof globalThis<"u"?globalThis:V||self,P(V.volver={},V.vue,V.vue$1,V.core,V.nanoid))})(this,function(V,P,e,j,F){"use strict";var pn=Object.defineProperty;var mn=(V,P,e)=>P in V?pn(V,P,{enumerable:!0,configurable:!0,writable:!0,value:e}):V[P]=e;var ie=(V,P,e)=>(mn(V,typeof P!="symbol"?P+"":P,e),e);const ce="ds";class qe{constructor({fetchWithCredentials:n=!1,fetchOptions:t={},iconsCollections:l=[],nuxt:r=!1}={}){ie(this,"fetchOptions");ie(this,"iconsCollections");ie(this,"provider");ie(this,"nuxt");n&&(t={...t,credentials:"include"}),this.provider=ce,this.fetchOptions=t,this.iconsCollections=l,this.iconsCollections.forEach(s=>{this.addCollection(s,this.provider)}),this.nuxt=r}addCollection(n,t){return P.addCollection(n,t)}addIcon(n,t){return P.addIcon(n,t)}addAPIProvider(n,t){return P.addAPIProvider(n,t)}fetchIcon(n,t={cache:"force-cache"}){return new Promise((l,r)=>{fetch(n,{...this.fetchOptions,...t}).catch(s=>r(s)).then(s=>s==null?void 0:s.text()).then(s=>l(s))})}}const Ke={install(o,n){const t=new qe(n);o.config.globalProperties.$ds=t,o.provide(ce,t)}};function X(o,n,t){return t?de(o,t)===de(n,t):ye(o,n)}function ye(o,n){if(o===n)return!0;if(o&&n&&typeof o=="object"&&typeof n=="object"){const t=Array.isArray(o),l=Array.isArray(n);let r,s,a;if(t&&l){if(s=o.length,s!=n.length)return!1;for(r=s;r--!==0;)if(!ye(o[r],n[r]))return!1;return!0}if(t!=l)return!1;const f=o instanceof Date,d=n instanceof Date;if(f!=d)return!1;if(f&&d)return o.getTime()==n.getTime();const c=o instanceof RegExp,i=n instanceof RegExp;if(c!=i)return!1;if(c&&i)return o.toString()==n.toString();const u=Object.keys(o);if(s=u.length,s!==Object.keys(n).length)return!1;for(r=s;r--!==0;)if(!Object.prototype.hasOwnProperty.call(n,u[r]))return!1;for(r=s;r--!==0;)if(a=u[r],!ye(o[a],n[a]))return!1;return!0}return o!==o&&n!==n}function de(o,n){if(o&&Object.keys(o).length&&n){if(n.indexOf(".")===-1)return o[n];{const t=n.split(".");let l=o;for(let r=0,s=t.length;r<s;++r){if(o==null)return null;l=l[t[r]]}return l}}else return null}function Xe(o,n){let t=-1;if(n){for(let l=0;l<n.length;l++)if(X(n[l],o)){t=l;break}}return t}function Z(o,n){if(o!=null&&n&&n.length){for(const t of n)if(X(o,t))return!0}return!1}function H(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 Ze(o,n){const t=Xe(o,n);return t>-1?n.filter((l,r)=>r!==t):n}function Ye(o){return typeof o=="string"||o instanceof String}function Pe(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 R(o,n){const t={[`${o}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((r,s)=>{const a=e.unref(n[s])||!1;if(!a)return r;if(s==="modifiers"){const f=Array.isArray(a)?a:a.split(" ");return{...r,...f.reduce((d,c)=>({...d,[`${o}--${Pe(c)}`]:!0}),{})}}else return{...r,[`${o}--${Pe(s)}`]:a}},t)||{})}}function ue(o){const n=e.inject(o,void 0),t=e.computed(()=>!H(n));function l(r,s,a){if(n!=null&&n.value){const d=e.unref(n.value)[r];return e.computed({get(){return d==null?void 0:d.value},set(c){d.value=c}})}const f=e.toRef(s,r);return e.computed({get(){return f.value},set(d){a&&a(`update:${r}`,d)}})}return{group:n,isInGroup:t,getGroupOrLocalRef:l}}const Ae="VV_BUTTON_GROUP",we="VV_RADIO_GROUP",Ne="VV_CHECK_GROUP",Re="VV_ACCORDION_GROUP",Je={name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},modifiers:[String,Array],disabled:Boolean},Qe=["update:modelValue"];function $e(o,n){const{group:t,isInGroup:l,getGroupOrLocalRef:r}=ue(Re),{title:s,content:a}=e.toRefs(o),f=r("modelValue",o,n),d=r("disabled",o),c=r("collapse",o),i=r("modifiers",o);return{modelValue:f,disabled:d,isInGroup:l,group:t,collapse:c,modifiers:i,title:s,content:a}}const et=["id","open"],tt=["aria-controls","aria-expanded"],ot=["aria-hidden"],nt={name:"VvAccordion"},De=e.defineComponent({...nt,props:Je,emits:Qe,setup(o,{emit:n}){const t=o,l=e.useAttrs(),r=t.name||(l==null?void 0:l.id)||F.nanoid(),{modifiers:s,title:a,content:f,disabled:d,collapse:c,modelValue:i,isInGroup:u}=$e(t,n),p=e.ref(!1),g=e.computed({get:()=>u.value?c.value&&Array.isArray(i.value)?i.value.includes(r):i.value===r:i.value===void 0?p.value:i.value,set:m=>{if(u.value){if(c.value&&Array.isArray(i.value)){if(m){i.value.push(r);return}i.value=i.value.filter(S=>S!==r);return}i.value=m?r:null;return}if(i.value===void 0&&typeof m=="boolean"){p.value=m;return}i.value=m}}),{bemCssClasses:b}=R("vv-accordion",{modifiers:s,disabled:d}),h=j.useToggle(g);return(m,S)=>(e.openBlock(),e.createElementBlock("details",{id:e.unref(r),class:e.normalizeClass(e.unref(b)),open:e.unref(g),onClick:S[0]||(S[0]=e.withModifiers(B=>e.unref(h)(),["prevent"]))},[e.createElementVNode("summary",{"aria-controls":e.unref(r),"aria-expanded":e.unref(g),class:"vv-collapse__summary"},[e.renderSlot(m.$slots,"summary",e.normalizeProps(e.guardReactiveProps({open:e.unref(g)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(a)),1)])],8,tt),e.createElementVNode("div",{"aria-hidden":!e.unref(g),class:"vv-collapse__content"},[e.renderSlot(m.$slots,"details",e.normalizeProps(e.guardReactiveProps({open:e.unref(g)})),()=>[e.createTextVNode(e.toDisplayString(e.unref(f)),1)])],8,ot)],10,et))}});function pe(o){if(Object.keys(o).some(n=>n!=="key"&&!e.isRef(o[n])))throw Error("One or more groupState props aren't ref.");e.provide(o.key,e.computed(()=>o))}const rt={modelValue:[String,Array],items:{type:Array,default:()=>[]},collapse:Boolean,modifiers:[String,Array],itemModifiers:{type:[String,Array],default:""},disabled:Boolean},lt=["update:modelValue"],at={name:"VvAccordionGroup"},st=e.defineComponent({...at,props:rt,emits:lt,setup(o,{emit:n}){const t=o,{disabled:l,collapse:r,modifiers:s,itemModifiers:a,items:f}=e.toRefs(t);e.watchEffect(()=>{typeof t.modelValue=="string"&&r.value&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const d=e.ref([]),c=e.computed({get:()=>{var p;return t.modelValue!==void 0?r.value?t.modelValue:Array.isArray(t.modelValue)?t.modelValue[0]:t.modelValue:r.value?d.value:(p=d.value)==null?void 0:p[0]},set:p=>{if(t.modelValue!==void 0)return(Array.isArray(t.modelValue)||r.value)&&!Array.isArray(p)&&(p=[p]),n("update:modelValue",p);d.value=Array.isArray(p)?p:[p]}});pe({key:Re,modelValue:c,disabled:l,collapse:r,modifiers:a});const{bemCssClasses:u}=R("vv-accordion-group",{modifiers:s,disabled:l});return(p,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u))},[e.renderSlot(p.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),b=>(e.openBlock(),e.createBlock(De,e.mergeProps({key:b.title},{name:b.name,title:b.title,content:b.content}),{header:e.withCtx(h=>[e.renderSlot(p.$slots,`header::${b.name}`,e.normalizeProps(e.guardReactiveProps(h)))]),details:e.withCtx(h=>[e.renderSlot(p.$slots,`details::${b.name}`,e.normalizeProps(e.guardReactiveProps(h)))]),_:2},1040))),128))])],2))}}),ne={valid:Boolean,validLabel:[String,Array]},re={invalid:Boolean,invalidLabel:[String,Array]},Ve={loading:Boolean,loadingLabel:String},Y={disabled:Boolean},le={readonly:Boolean},W={modifiers:[String,Array]},ae={hintLabel:{type:String,default:""}},me={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"}},it={count:{type:[Boolean,String],default:!1,validator:o=>[!0,!1,"limit","countdown"].includes(o)}},ct={debounce:[Number,String]},Ie={LEFT:"left",RIGHT:"right"},Se={icon:{type:[String,Object]},iconPosition:{type:String,validation:o=>Object.values(Ie).includes(o),default:Ie.RIGHT}},fe={tabindex:{type:[String,Number],default:0}},ke={id:[String,Number],name:{type:String,required:!0}},Oe={...ke,...fe,...Y,...le,...ne,...re,...ae,...Ve,...W,...it,...ct,...Se,autofocus:Boolean,autocomplete:{type:String,default:"off"},minlength:Number,maxlength:Number,placeholder:String,required:Boolean,label:String,floating:Boolean},Te={...ke,...fe,...ne,...re,...ae,...Y,...le,value:[String,Number,Boolean],modelValue:[Object,Number,Boolean,String],label:String},Le={...ne,...re,...me,...ae,...Y,...le,modelValue:[String,Array],label:String,name:{type:String,required:!0},vertical:Boolean},dt={...W,value:[String,Number]},ut={name:"VvBadge"},pt=e.defineComponent({...ut,props:dt,setup(o){const n=o,{bemCssClasses:t}=R("vv-badge",{modifiers:n.modifiers});return(l,r)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(t)),role:"status"},[e.renderSlot(l.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])],2))}}),mt={...W,routes:Array},ft={class:"vv-breadcrumb__list"},gt=["content"],bt={name:"VvBreadcrumb"},ht=e.defineComponent({...bt,props:mt,setup(o){const n=o,{bemCssClasses:t}=R("vv-breadcrumb",{modifiers:n.modifiers});return(l,r)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(t)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.routes,(s,a)=>{var f,d,c,i;return e.openBlock(),e.createElementBlock("li",{key:`${s.label}-${a}`,class:e.normalizeClass({"vv-breadcrumb__item":a<Number((f=l.routes)==null?void 0:f.length)-1,"vv-breadcrumb__item-active":a===Number((d=l.routes)==null?void 0:d.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.to?"router-link":s.href?"a":"span"),e.mergeProps(s,{class:{"vv-breadcrumb__link":a<Number((c=l.routes)==null?void 0:c.length)-1},"aria-current":a===Number((i=l.routes)==null?void 0:i.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"label",e.normalizeProps(e.guardReactiveProps({route:s,index:a})),()=>[e.createTextVNode(e.toDisplayString(s.label),1)])]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${a+1}`},null,8,gt)],2)}),128))])],2))}}),yt={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]}},Vt={name:"VvIcon"},D=e.defineComponent({...Vt,props:yt,setup(o){const n=o,t=e.ref(!0),{modifiers:l}=e.toRefs(n),r=e.inject(ce),{bemCssClasses:s}=R("vv-icon",{modifiers:l}),a=e.computed(()=>n.provider||(r==null?void 0:r.provider)),f=e.computed(()=>{const i=n.name??"",u=`@${a.value}:${n.prefix}:${n.name}`;return P.iconExists(i)?i:P.iconExists(u)?u:(r==null?void 0:r.iconsCollections.find(p=>{const g=`@${a.value}:${p.prefix}:${i}`;if(P.iconExists(g))return g}))||i});function d(i){let u=null;if(typeof window>"u"){const{JSDOM:h}=require("jsdom");u=new h().window}return(u?new u.DOMParser:new window.DOMParser).parseFromString(i,"text/html").querySelector("svg")}function c(i){const u=d(i),p=(u==null?void 0:u.innerHTML.trim())||"";u&&p&&P.addIcon(`@${a.value}:${n.prefix}:${n.name}`,{body:p,height:u.viewBox.baseVal.height,width:u.viewBox.baseVal.width})}return r&&(n.src&&!P.iconExists(`@${a.value}:${n.prefix}:${n.name}`)?(t.value=!1,r.fetchIcon(n.src).then(i=>{i&&(c(i),t.value=!0)}).catch(i=>{throw new Error(`During fetch icon: ${i==null?void 0:i.message}`)})):n.svg&&c(n.svg)),(i,u)=>t.value?(e.openBlock(),e.createBlock(e.unref(P.Icon),e.mergeProps({key:0,class:e.unref(s)},{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(f)}),null,16,["class"])):e.createCommentVNode("",!0)}});var oe=(o=>(o.left="left",o.right="right",o.top="top",o.bottom="bottom",o))(oe||{}),xe=(o=>(o.button="button",o.submit="submit",o.reset="reset",o))(xe||{}),q=(o=>(o.nuxtLink="nuxt-link",o.routerLink="router-link",o.a="a",o.button="button",o))(q||{}),He=(o=>(o._blank="_blank",o._self="_self",o._parent="_parent",o._top="_top",o))(He||{});const St=["update:modelValue"],kt={...W,...Y,icon:{type:[String,Object],default:""},iconPosition:{type:String,default:"left",validator:o=>o in oe},label:[String,Number],loading:Boolean,loadingIcon:{type:String,default:"eos-icons:bubble-loading"},loadingLabel:{type:String,default:"Loading..."},to:{type:[String,Object]},href:String,target:{type:String,validator:o=>o in He},active:Boolean,pressed:Boolean,rel:{type:String,default:"noopener noreferrer"},type:{type:String,default:"button",validator:o=>o in xe},toggle:{type:Boolean,default:!1},modelValue:String,unselectable:{type:Boolean,default:!0}};function _t(o,n){var h;const{group:t,isInGroup:l,getGroupOrLocalRef:r}=ue(Ae),{iconPosition:s,icon:a,label:f,pressed:d}=e.toRefs(o),c=r("modelValue",o,n),i=r("disabled",o),u=r("toggle",o),p=r("unselectable",o),g=r("modifiers",o),b=((h=t==null?void 0:t.value)==null?void 0:h.multiple)??e.ref(!1);return{modelValue:c,disabled:i,toggle:u,isInGroup:l,group:t,modifiers:g,multiple:b,unselectable:p,pressed:d,iconPosition:s,icon:a,label:f}}const Ct={key:1,class:"vv-button__label"},Bt={key:1,class:"vv-button__label"},Et={name:"VvButton"},Pt=e.defineComponent({...Et,props:kt,emits:St,setup(o,{emit:n}){const t=o,l=e.useAttrs(),r=e.useSlots(),s=(l==null?void 0:l.name)||F.nanoid(),{modifiers:a,iconPosition:f,icon:d,label:c,modelValue:i,disabled:u,toggle:p,unselectable:g}=_t(t,n),b=e.inject(ce),h=e.computed(()=>{switch(!0){case u.value:return q.button;case t.to!==void 0:return b!=null&&b.nuxt?q.nuxtLink:q.routerLink;case t.href!==void 0:return q.a;default:return q.button}}),m=e.computed(()=>p.value?Array.isArray(i.value)?Z(s,i.value):X(s,i.value):t.pressed),{bemCssClasses:S}=R("vv-button",{modifiers:a,active:t.active,pressed:m,disabled:u,reverse:e.computed(()=>[oe.right,oe.bottom].includes(f.value)),column:e.computed(()=>[oe.top,oe.bottom].includes(f.value)),iconOnly:e.computed(()=>(d==null?void 0:d.value)&&!(c!=null&&c.value)&&!r.default)}),B=e.computed(()=>typeof(d==null?void 0:d.value)=="string"?{name:d==null?void 0:d.value}:d==null?void 0:d.value),C=e.computed(()=>{const k={class:S.value,"aria-pressed":m.value?!0:void 0};switch(h.value){case q.a:return{...k,role:"button",href:t.href,target:t.target,rel:t.rel};case q.routerLink:case q.nuxtLink:return{...k,role:"button",to:t.to,target:t.target};default:return{...k,type:t.type,disabled:u.value}}}),w=()=>{if(p.value){if(Array.isArray(i.value)){if(Z(s,i.value)){g.value&&(i.value=i.value.filter(k=>k!==s));return}i.value.push(s);return}if(X(s,i.value)&&g.value){i.value=void 0;return}i.value=s}};return(k,I)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(h)),e.mergeProps(e.unref(C),{onClickPassive:w}),{default:e.withCtx(()=>[e.renderSlot(k.$slots,"default",{},()=>[k.loading?e.renderSlot(k.$slots,"loading",{key:0},()=>[k.loadingIcon?(e.openBlock(),e.createBlock(D,{key:0,class:"vv-button__loading-icon",name:k.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),k.loadingLabel?(e.openBlock(),e.createElementBlock("span",Ct,e.toDisplayString(k.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(k.$slots,"before"),e.unref(d)?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0,class:"vv-button__icon"},e.unref(B)),null,16)):e.createCommentVNode("",!0),e.unref(c)?(e.openBlock(),e.createElementBlock("span",Bt,[e.renderSlot(k.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(c)),1)])])):e.createCommentVNode("",!0),e.renderSlot(k.$slots,"after")],64))])]),_:3},16))}}),At={...W,...Y,itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},unselectable:{type:Boolean,default:!0},modelValue:{type:[String,Array],default:void 0}},wt=["update:modelValue"],Nt={name:"VvButtonGroup"},Rt=e.defineComponent({...Nt,props:At,emits:wt,setup(o,{emit:n}){const t=o,{disabled:l,toggle:r,modifiers:s,multiple:a,unselectable:f,itemModifiers:d}=e.toRefs(t);e.watchEffect(()=>{typeof t.modelValue=="string"&&a.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const c=e.computed({get:()=>a.value?t.modelValue:Array.isArray(t.modelValue)?t.modelValue[0]:t.modelValue,set:p=>(p!==void 0&&(Array.isArray(t.modelValue)||a.value)&&!Array.isArray(p)&&(p=[p]),n("update:modelValue",p))});pe({key:Ae,modelValue:c,disabled:l,toggle:r,multiple:a,unselectable:f,modifiers:d});const{bemCssClasses:u}=R("vv-button-group",{modifiers:s});return(p,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(u)),role:"group"},[e.renderSlot(p.$slots,"default")],2))}}),Dt={title:String,modifiers:[String,Array]},It={key:0,class:"vv-card__header"},Ot={key:1,class:"vv-card__content"},Tt={key:2,class:"vv-card__footer"},Lt={name:"VvCard"},xt=e.defineComponent({...Lt,props:Dt,setup(o){const n=o,{bemCssClasses:t}=R("vv-card",{modifiers:n.modifiers});return(l,r)=>(e.openBlock(),e.createElementBlock("article",{class:e.normalizeClass(e.unref(t))},[l.$slots.header||l.title?(e.openBlock(),e.createElementBlock("header",It,[e.renderSlot(l.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"default"),l.$slots.content?(e.openBlock(),e.createElementBlock("div",Ot,[e.renderSlot(l.$slots,"content")])):e.createCommentVNode("",!0),l.$slots.footer?(e.openBlock(),e.createElementBlock("footer",Tt,[e.renderSlot(l.$slots,"footer")])):e.createCommentVNode("",!0)],2))}}),Ht={...Te,indeterminate:Boolean,uncheckedValue:[String,Number,Boolean],switch:Boolean},Mt=["click","update:modelValue","change","blur"];function Gt(o,n){const{group:t,isInGroup:l,getGroupOrLocalRef:r}=ue(Ne),{switch:s,indeterminate:a}=e.toRefs(o),f=r("modelValue",o,n),d=r("readonly",o),c=r("disabled",o),i=r("valid",o),u=r("invalid",o);return{propsSwitch:s,indeterminate:a,group:t,isInGroup:l,modelValue:f,readonly:d,disabled:c,valid:i,invalid:u}}function ge(o){return Array.isArray(o)?o.filter(n=>Ye(n)).join(" "):o}function J(o,n){const{invalid:t,valid:l,hint:r,loading:s}=n,{hintLabel:a,modelValue:f,valid:d,validLabel:c,invalid:i,invalidLabel:u,...p}=e.toRefs(o),g=de(p,"loading"),b=de(p,"loadingLabel"),h=e.computed(()=>i.value?!!(i.value&&t||u!=null&&u.value&&Array.isArray(u.value)&&u.value.length>0||u!=null&&u.value&&!H(u)):!1),m=e.computed(()=>!!(a&&a.value||r)),S=e.computed(()=>!!(c&&c.value||l)),B=e.computed(()=>!!(g!=null&&g.value&&s||g!=null&&g.value&&(b!=null&&b.value))),C=e.computed(()=>m.value||S.value||h.value||B.value);return{hasInvalid:h,hasHint:m,hasValid:S,hasLoading:B,HintSlot:{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(w){const k=e.computed(()=>{const I=j.toReactive({hintLabel:a,modelValue:f,valid:d,validLabel:c,invalid:i,invalidLabel:u,loading:g,loadingLabel:b,...w.params});return i!=null&&i.value?(t==null?void 0:t(I))||ge(u==null?void 0:u.value)||(a==null?void 0:a.value):d!=null&&d.value?(l==null?void 0:l(I))||ge(c==null?void 0:c.value)||(a==null?void 0:a.value):g!=null&&g.value?(s==null?void 0:s(I))||ge(b==null?void 0:b.value)||(a==null?void 0:a.value):(r==null?void 0:r(I))||ge(a==null?void 0:a.value)||(a==null?void 0:a.value)});return{isVisible:C,hasInvalid:h,hasValid:S,hintContent:k}},render(){if(this.isVisible)return e.h("small",{role:this.hasInvalid||this.hasValid?"alert":void 0},this.hintContent)}}}}const zt=["for"],Ut=["id","name","disabled","value","tabindex","aria-invalid"],vt={name:"VvCheckbox"},Me=e.defineComponent({...vt,props:Ht,emits:Mt,setup(o,{emit:n}){const t=o,l=e.useSlots(),{disabled:r,readonly:s,valid:a,invalid:f,propsSwitch:d,modelValue:c,indeterminate:i,isInGroup:u}=Gt(t,n),p=e.computed(()=>String(t.id||F.nanoid())),g=e.computed(()=>m.value?-1:t.tabindex),b=e.ref(),h=e.computed(()=>t.uncheckedValue!==void 0&&!u.value),m=e.computed(()=>r.value||s.value),S=e.computed(()=>{if(f.value===!0)return!0;if(a.value===!0)return!1}),B=e.computed(()=>h.value?c.value===t.value:Array.isArray(c.value)?Z(t.value,c.value):X(t.value,c.value)),C=e.computed(()=>!!(i.value||!B.value&&h.value&&t.uncheckedValue!==c.value)),w=e.computed(()=>{if(!h.value)return["string","number","boolean"].includes(typeof t.value)?t.value:!0}),k=e.computed({get(){return B.value},set(N){if(h.value)c.value=N?t.value:t.uncheckedValue;else if(Array.isArray(c.value)||u.value){const L=new Set(Array.isArray(c.value)?c.value:c.value!==void 0?[c.value]:[]);N?L.add(t.value):L.delete(t.value),c.value=[...L]}else c.value=N?t.value:void 0;n("change",N)}}),{bemCssClasses:I}=R("vv-checkbox",{switch:d,valid:a,invalid:f,disabled:r,readonly:s,indeterminate:i});e.watchEffect(()=>{h.value&&Array.isArray(c.value)&&console.warn("[VvCheckbox] The model value is an array but the component is in binary mode.")}),e.watch(()=>C.value,N=>{N?b.value.indeterminate=!0:b.value.indeterminate=!1}),e.onMounted(()=>{C.value&&(b.value.indeterminate=!0)});const{HintSlot:M}=J(t,l);return(N,L)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(I)),for:e.unref(p)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(p),ref_key:"input",ref:b,"onUpdate:modelValue":L[0]||(L[0]=U=>e.isRef(k)?k.value=U:null),type:"checkbox",class:"vv-checkbox__input",name:N.name,disabled:e.unref(m),value:e.unref(w),tabindex:e.unref(g),"aria-invalid":e.unref(S)},null,8,Ut),[[e.vModelCheckbox,e.unref(k)]]),e.renderSlot(N.$slots,"default",{value:e.unref(c)},()=>[e.createTextVNode(e.toDisplayString(N.label),1)]),e.createVNode(e.unref(M),{class:"vv-checkbox__hint",params:{value:e.unref(c)}},null,8,["params"])],10,zt))}});function se(o){const{options:n,labelKey:t,valueKey:l}=e.toRefs(o);return{options:n,getOptionLabel:a=>typeof a!="object"&&a!==null?a:typeof t.value=="function"?t.value(a):a[t.value],getOptionValue:a=>typeof a!="object"&&a!==null?a:typeof l.value=="function"?l.value(a):a[l.value]}}const jt=Le,Ft=["update:modelValue","change"],Wt=["textContent"],qt={class:"vv-checkbox-group__wrapper"},Kt={name:"VvCheckboxGroup"},Xt=e.defineComponent({...Kt,props:jt,emits:Ft,setup(o,{emit:n}){const t=o,l=e.useSlots(),r=j.useVModel(t,"modelValue",n),{disabled:s,readonly:a,vertical:f,valid:d,invalid:c}=e.toRefs(t);pe({key:Ne,modelValue:r,disabled:s,readonly:a,valid:d,invalid:c});const{getOptionLabel:u,getOptionValue:p}=se(t),{bemCssClasses:g}=R("vv-checkbox-group",{disabled:s,readonly:a,horizontal:e.computed(()=>!f.value),valid:d,invalid:c}),b=(m,S)=>({id:`${t.name}_opt${S}`,name:t.name,label:u(m),value:p(m)}),{HintSlot:h}=J(t,l);return(m,S)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(g))},[m.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(m.label)},null,8,Wt)):e.createCommentVNode("",!0),e.createElementVNode("div",qt,[m.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(m.options,(B,C)=>(e.openBlock(),e.createBlock(Me,e.mergeProps({key:C},b(B,C)),null,16))),128)):e.renderSlot(m.$slots,"default",{key:1})]),e.createVNode(e.unref(h),{class:"vv-checkbox-group__hint"})],2))}});function be(o,n,t){const l=e.computed(()=>!!(o!=null&&o.value&&n.value==="left"||t!=null&&t.iconLeft)),r=e.computed(()=>!!(o!=null&&o.value&&n.value==="right"||t!=null&&t.iconRight)),s=e.computed(()=>!!(o!=null&&o.value&&n.value==="top"||t!=null&&t.iconTop)),a=e.computed(()=>!!(o!=null&&o.value&&n.value==="bottom"||t!=null&&t.iconBottom));return{hasIcon:e.computed(()=>typeof(o==null?void 0:o.value)=="string"?{name:o==null?void 0:o.value}:o==null?void 0:o.value),hasIconLeft:l,hasIconRight:r,hasIconTop:s,hasIconBottom:a}}function he(o,n){const{focused:t}=j.useFocus(o);return e.watch(t,l=>{n(l?"focus":"blur",e.unref(o))}),{focused:t}}const Zt={...me,...Y,...W,modelValue:{type:[String,Number,Boolean,Object,Array]},labelNoResults:{type:String,default:"No results"},multiple:Boolean,maxValues:[Number,String]},Yt={key:0,role:"option"},Jt=["aria-selected"],Qt=["for","onClick"],$t=["id","type","value","checked","disabled"],eo={name:"VvDropdown"},Ge=e.defineComponent({...eo,props:Zt,emits:["update:modelValue"],setup(o,{emit:n}){const t=o,l=F.nanoid(),{modifiers:r,disabled:s}=e.toRefs(t),{getOptionLabel:a,getOptionValue:f}=se(t),{bemCssClasses:d}=R("vv-dropdown",{modifiers:r,disabled:s});function c(p){return Array.isArray(t.modelValue)?Z(p,t.modelValue)||Z(f(p),t.modelValue):X(p,t.modelValue)||X(f(p),t.modelValue)}function i(p){return typeof p=="string"||p.disabled===void 0?s.value:p.disabled}function u(p){var b;if(t.disabled)return;let g=p;if(t.multiple)if(Array.isArray(t.modelValue)){if(t.maxValues!==void 0&&t.maxValues>=0&&((b=t.modelValue)==null?void 0:b.length)>=t.maxValues&&!Z(p,t.modelValue))return;g=Z(p,t.modelValue)?Ze(p,t.modelValue):[...t.modelValue,p]}else g=[p];n("update:modelValue",g)}return(p,g)=>{var b;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(d)),role:"listbox"},[(b=p.options)!=null&&b.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",Yt,[e.createElementVNode("label",null,e.toDisplayString(p.labelNoResults),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.options,(h,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,role:"option","aria-selected":c(h)},[e.createElementVNode("label",{for:`dropdown-${m}-${e.unref(l)}`,onClick:e.withModifiers(S=>u(e.unref(f)(h)),["prevent"])},[e.createElementVNode("input",{id:`dropdown-${m}-${e.unref(l)}`,type:p.multiple?"checkbox":"radio",value:e.unref(f)(h),checked:c(h),disabled:i(h),tabindex:"-1","aria-hidden":"true"},null,8,$t),e.createTextVNode(" "+e.toDisplayString(e.unref(a)(h)),1)],8,Qt)],8,Jt))),128))],2)}}}),to=["update:modelValue","change:search","focus","blur"],oo={...fe,...ne,...re,...ae,...Ve,...Y,...le,...W,...me,...Se,modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,labelNoResults:{type:String,default:"No results"},placeholder:String,searchable:Boolean,searchPlaceholder:String,debounceSearch:{type:[Number,String],default:0},multiple:Boolean,maxValues:[Number,String],separator:{type:String,default:", "},native:Boolean},no=["id"],ro=["id","for"],lo=["tabindex"],ao=["id","placeholder"],so={name:"VvCombobox"},io=e.defineComponent({...so,props:oo,emits:to,setup(o,{emit:n}){const t=o,l=e.useSlots(),{HintSlot:r}=J(t,l),s=e.ref(),a=e.ref(),{focused:f}=he(s,n),d=F.nanoid(),c=e.ref(""),i=j.refDebounced(c,Number(t.debounceSearch)),u=e.ref(!1),{icon:p,iconPosition:g,modifiers:b,disabled:h,readonly:m,loading:S,valid:B,invalid:C}=e.toRefs(t);e.watch(i,()=>n("change:search",i.value));const{hasIcon:w,hasIconLeft:k,hasIconRight:I}=be(p,g),M=e.computed(()=>!H(t.modelValue)),N=e.computed(()=>h.value||m.value?-1:t.tabindex),{bemCssClasses:L}=R("vv-select",{modifiers:b,disabled:h,loading:S,readonly:m,iconLeft:k,iconRight:I,valid:B,invalid:C,dirty:M,focus:f}),U=e.computed(()=>t.searchable?ee.value:t.options),{getOptionLabel:$,getOptionValue:G}=se(t),ee=e.computed(()=>{var _;return(_=t.options)==null?void 0:_.filter(O=>$(O).toLowerCase().includes(i.value.toLowerCase().trim()))}),K=e.computed(()=>{let _=[];return Array.isArray(t.modelValue)?_=t.modelValue:t.modelValue&&(_=[t.modelValue]),t.options.filter(O=>_.includes(G(O)))}),z=e.computed(()=>K.value.map(_=>G(_)).join(t.separator));j.onClickOutside(s,()=>{s.value.open=!1});function A(_){const O=_.target;u.value=O.open}function v(_){s.value&&!t.multiple&&(s.value.open=!1),n("update:modelValue",_)}const T=e.computed(()=>({options:U.value,labelKey:t.labelKey,valueKey:t.valueKey,disabled:t.disabled,labelNoResults:t.labelNoResults,multiple:t.multiple,maxValues:t.maxValues,modelValue:t.modelValue}));return(_,O)=>_.native?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(d),class:e.normalizeClass(e.unref(L))},[_.label?(e.openBlock(),e.createElementBlock("label",{key:0,id:`${e.unref(d)}-label`,for:_.searchable&&u.value?`${e.unref(d)}-input`:void 0},e.toDisplayString(_.label),9,ro)):e.createCommentVNode("",!0),e.createElementVNode("details",{ref_key:"dropdown",ref:s,class:"vv-select__wrapper",onClick:O[2]||(O[2]=te=>e.unref(h)||e.unref(m)?te.preventDefault():null),onKeyup:O[3]||(O[3]=e.withKeys(te=>s.value.open=!1,["esc"])),onToggle:A},[e.createElementVNode("summary",{class:"vv-select__input",tabindex:e.unref(N),onKeyup:O[1]||(O[1]=e.withKeys(te=>_.searchable?te.preventDefault():null,["space"]))},[e.renderSlot(_.$slots,"before",{},()=>[e.unref(k)?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0,class:"vv-select__icon-left"},e.unref(w)),null,16)):e.createCommentVNode("",!0)]),_.searchable&&u.value?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:0,id:`${e.unref(d)}-input`,ref_key:"inputSearch",ref:a,"onUpdate:modelValue":O[0]||(O[0]=te=>c.value=te),role:"combobox",type:"search",placeholder:_.searchPlaceholder},null,8,ao)),[[e.vModelText,c.value]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(e.unref(z)||_.placeholder),1)],64)),e.renderSlot(_.$slots,"after",{},()=>[e.unref(I)?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0,class:"vv-select__icon-right"},e.unref(w)),null,16)):e.createCommentVNode("",!0)])],40,lo),e.createVNode(Ge,e.mergeProps({id:`${e.unref(d)}-dropdown`},e.unref(T),{"onUpdate:modelValue":v}),null,16,["id"])],544),e.createVNode(e.unref(r),{class:"vv-select__hint"})],10,no))}}),co=["open","close","update:modelValue"],uo={id:{type:String,required:!0},title:String,modelValue:Boolean,transition:{type:String,default:"fade-block"},size:String,autoClose:{type:Boolean,default:!0}},po={key:0,class:"vv-dialog__header"},mo=["onClick"],fo={class:"vv-dialog__content"},go={key:1,class:"vv-dialog__footer"},bo={name:"VvDialog"},ho=e.defineComponent({...bo,props:uo,emits:co,setup(o,{emit:n}){const t=o,l=j.useVModel(t,"modelValue",n),r=e.ref(!0),s=e.ref(null),a=e.computed(()=>{const{id:u}=t;return{id:u,open:r.value}}),f=e.computed(()=>t.size?["vv-dialog",`vv-dialog--${t.size}`]:"vv-dialog"),d=e.computed(()=>`vv-dialog--${t.transition}`),c={"before-enter":()=>{r.value=!0,n("open")},"after-leave":()=>{r.value=!1,n("close")}};j.onClickOutside(s,()=>{t.autoClose&&(l.value=!1)});function i(){l.value=!1}return(u,p)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(d)},e.toHandlers(c)),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(a),{class:e.unref(f)}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:s,class:"vv-dialog__wrapper"},[u.$slots.header||u.title?(e.openBlock(),e.createElementBlock("header",po,[e.renderSlot(u.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(u.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:e.withModifiers(i,["prevent"])},[e.createVNode(D,{name:"close"})],8,mo)])])):e.createCommentVNode("",!0),e.createElementVNode("div",fo,[e.renderSlot(u.$slots,"default")]),u.$slots.footer?(e.openBlock(),e.createElementBlock("footer",go,[e.renderSlot(u.$slots,"footer")])):e.createCommentVNode("",!0)],512)],16),[[e.vShow,e.unref(l)]])]),_:3},16,["name"]))}});function ze(o,n,t=0){let l;return typeof t=="string"&&(t=parseInt(t)),e.computed({get:()=>o==null?void 0:o.value,set:r=>{l&&clearTimeout(l),l=setTimeout(()=>{n("update:modelValue",r)},t)}})}function Ue(o,n){const t=e.computed(()=>(e.unref(o)??"").length),l=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),r=e.computed(()=>(n==null?void 0:n.mode)===!1?"":(n==null?void 0:n.mode)==="limit"?`${t.value} / ${n.lowerLimit?`${n.lowerLimit}-`:""}${n.upperLimit}`:(n==null?void 0:n.mode)==="countdown"?l.value===0?void 0:l:t.value);return{length:t,gap:l,formatted:r}}const y={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"},Q={PASSWORD_SHOW:"eye-on",PASSWORD_HIDE:"eye-off",DATE:"calendar",TIME:"time",COLOR:"color",SEARCH:"close"},yo=["update:modelValue","focus","blur","keyup"],Vo={...Oe,modelValue:[String,Number],type:{type:String,default:y.TEXT,validator:o=>Object.values(y).includes(o)},min:[Number,Date,String],max:[Number,Date,String],step:{type:[String,Number],default:1},pattern:String,multiple:Boolean,iconShowPassword:{type:String,default:Q.PASSWORD_SHOW},iconHidePassword:{type:String,default:Q.PASSWORD_HIDE},iconClear:{type:String,default:Q.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"}},ve=e.defineComponent({components:{VvIcon:D},props:{disabled:{type:Boolean,default:!1},labelShow:{type:String,default:"Show password"},labelHide:{type:String,default:"Hide password"},iconShow:{type:String,default:Q.PASSWORD_SHOW},iconHide:{type:String,default:Q.PASSWORD_HIDE}},emits:["toggle-password"],setup(o,{emit:n}){const t=e.ref(!1),l=e.computed(()=>t.value?o.iconHide:o.iconShow);function r(s){s==null||s.stopPropagation(),o.disabled||(t.value=!t.value,n("toggle-password",t.value))}return{active:t,activeIcon:l,onClick:r}},render(){const o=e.h(D,{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)}}),_e=e.defineComponent({components:{VvIcon:D},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})}}),je=e.defineComponent({components:{VvIcon:D},props:{disabled:{type:Boolean,default:!1},label:{type:String,default:"Clear"},icon:{type:String,default:"close"}},emits:["clear"],setup(o,{emit:n}){function t(l){l==null||l.stopPropagation(),o.disabled||n("clear")}return{onClick:t}},render(){const o=e.h(D,{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 Ce(o,n){return{name:"VvInputTextActions",components:{VvIcon:D,VvInputPasswordAction:ve,VvInputStepAction:_e,VvInputClearAction:je},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 y.SEARCH:{const{onClear:l}=this.$attrs;t=[e.h(je,{disabled:this.isDisabled,label:this.labelShowPassword,onClear:l})];break}case y.PASSWORD:{const{onTogglePassword:l}=this.$attrs;t=[e.h(ve,{disabled:this.isDisabled,onTogglePassword:l,labelShow:this.labelShowPassword,labelHide:this.labelHidePassword,iconShow:this.iconShowPassword,iconHide:this.iconHidePassword})];break}case y.NUMBER:{const{onStepUp:l,onStepDown:r}=this.$attrs;t=[e.h(_e,{mode:"up",disabled:this.isDisabled||n.max!==void 0&&n.modelValue===n.max,label:this.labelStepUp,onStepUp:l,onStepDown:r}),e.h(_e,{mode:"down",disabled:this.isDisabled||n.min!==void 0&&n.modelValue===n.min,label:this.labelStepDown,onStepUp:l,onStepDown:r})];break}}return Array.isArray(t)?e.h("div",{class:"vv-input-text__actions-group"},t):t}}}const So=["for"],ko={class:"vv-input-text__wrapper"},_o=["id"],Co={key:0,class:"vv-input-text__limit"},Bo={name:"VvInputText"},Eo=e.defineComponent({...Bo,props:Vo,emits:yo,setup(o,{emit:n}){const t=o,l=e.useSlots(),r=e.ref(),{icon:s,iconPosition:a,label:f,modelValue:d,count:c,valid:i,invalid:u,loading:p}=e.toRefs(t),g=e.computed(()=>String(t.id||F.nanoid())),b=e.computed(()=>`${g.value}-hint`),h=e.computed(()=>t.floating&&H(t.placeholder)?" ":t.placeholder),m=ze(d,n,t.debounce),{focused:S}=he(r,n),B=e.ref(!1),C=e.computed(()=>t.type===y.PASSWORD),w=()=>{B.value=!B.value},k=e.computed(()=>t.type===y.TIME||t.type===y.DATETIME_LOCAL||t.type===y.DATE||t.type===y.WEEK||t.type===y.MONTH),I=e.computed(()=>t.type===y.NUMBER),M=()=>{A.value&&(r.value.stepUp(),m.value=e.unref(r).value)},N=()=>{A.value&&(r.value.stepDown(),m.value=e.unref(r).value)},L=e.computed(()=>t.type===y.SEARCH),U=()=>{m.value=void 0},{hasIconLeft:$,hasIconRight:G,hasIcon:ee}=be(s,a),K=e.computed(()=>{switch(t.type){case y.COLOR:return{name:Q.COLOR};case y.DATE:case y.DATETIME_LOCAL:case y.WEEK:case y.MONTH:return{name:Q.DATE};case y.TIME:return{name:Q.TIME};default:return""}}),{formatted:z}=Ue(m,{mode:t.count,upperLimit:t.maxlength,lowerLimit:t.minlength}),A=e.computed(()=>!t.disabled&&!t.readonly),v=e.computed(()=>A.value?t.tabindex:-1),T=e.computed(()=>!H(d)),_=e.computed(()=>{if(u.value===!0)return!0;if(i.value===!0)return!1}),{bemCssClasses:O}=R("vv-input-text",{modifiers:t.modifiers,valid:i,invalid:u,loading:p,disabled:t.disabled,readonly:t.readonly,iconLeft:$,iconRight:G.value||!H(K),floating:t.floating&&!H(t.label),dirty:T,focus:S}),te=e.computed(()=>{const E=(()=>C.value&&B.value||k.value&&!T.value&&!S.value?y.TEXT:t.type)(),x={type:E,name:t.name,tabindex:v.value,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,"aria-invalid":_.value,"aria-describedby":!We.value&&sn.value?b.value:void 0,"aria-errormessage":We.value?b.value:void 0};return(E===y.DATE||E===y.MONTH||E===y.WEEK||E===y.TIME||E===y.DATETIME_LOCAL||E===y.NUMBER)&&(x.step=t.step,x.max=String(t.max),x.min=String(t.min)),(E===y.TEXT||E===y.SEARCH||E===y.URL||E===y.TEL||E===y.EMAIL||E===y.PASSWORD||E===y.NUMBER)&&(x.placeholder=h.value),(E===y.TEXT||E===y.SEARCH||E===y.URL||E===y.TEL||E===y.EMAIL||E===y.PASSWORD)&&(x.minlength=t.minlength,x.maxlength=t.maxlength,x.pattern=t.pattern),E===y.EMAIL&&(x.multiple=t.multiple),x}),Be=e.computed(()=>({valid:t.valid,invalid:t.invalid,modelValue:t.modelValue,togglePassword:w,stepUp:M,stepDown:N,clear:U})),{HintSlot:an,hasHint:sn,hasInvalid:We}=J(t,l),cn=Ce(y.PASSWORD,t),dn=Ce(y.NUMBER,t),un=Ce(y.SEARCH,t);return e.onMounted(()=>{t.autofocus&&(S.value=!0)}),(E,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(O))},[e.unref(f)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(g),class:"vv-input-text__label"},e.toDisplayString(e.unref(f)),9,So)):e.createCommentVNode("",!0),e.createElementVNode("div",ko,[e.renderSlot(E.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(Be))),()=>[e.unref($)?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0,class:"vv-input-text__icon-left"},e.unref(ee)),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(g),ref_key:"input",ref:r,"onUpdate:modelValue":x[0]||(x[0]=Ee=>e.isRef(m)?m.value=Ee:null)},e.unref(te),{onKeyup:x[1]||(x[1]=Ee=>n("keyup",Ee))}),null,16,_o),[[e.vModelDynamic,e.unref(m)]]),e.renderSlot(E.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(Be))),()=>[e.unref(G)||e.unref(K)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(G)?e.unref(ee):e.unref(K))),null,16)):e.unref(C)?(e.openBlock(),e.createBlock(e.unref(cn),{key:1,onTogglePassword:w})):e.unref(I)?(e.openBlock(),e.createBlock(e.unref(dn),{key:2,onStepUp:M,onStepDown:N})):e.unref(L)?(e.openBlock(),e.createBlock(e.unref(un),{key:3,onClear:U})):e.createCommentVNode("",!0)]),e.unref(c)?(e.openBlock(),e.createElementBlock("span",Co,[e.renderSlot(E.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(Be))),()=>[e.createTextVNode(e.toDisplayString(e.unref(z)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(an),{id:e.unref(b),class:"vv-input-text__hint"},null,8,["id"])],2))}}),Po={...W,value:{type:[Number,String],default:void 0},max:{type:[Number,String]},label:{type:String,required:!0}},Ao={name:"VvProgress"},wo=e.defineComponent({...Ao,props:Po,setup(o){const n=o,{value:t,max:l,label:r}=e.toRefs(n),s=e.computed(()=>n.value===void 0),{bemCssClasses:a}=R("vv-progress",{modifiers:n.modifiers,indeterminate:s});return(f,d)=>(e.openBlock(),e.createElementBlock("progress",e.mergeProps({role:"progressbar"},{class:e.unref(a),ariaLabel:e.unref(r),max:e.unref(l),value:e.unref(t)}),null,16))}}),No=Te,Ro=["click","update:modelValue","change","blur"];function Do(o,n){const{group:t,isInGroup:l,getGroupOrLocalRef:r}=ue(we),s=r("modelValue",o,n),a=r("readonly",o),f=r("disabled",o),d=r("valid",o),c=r("invalid",o);return{group:t,isInGroup:l,modelValue:s,readonly:a,disabled:f,valid:d,invalid:c}}const Io=["for"],Oo=["id","name","disabled","value","tabindex","aria-invalid"],To={name:"VvRadio"},Fe=e.defineComponent({...To,props:No,emits:Ro,setup(o,{emit:n}){const t=o,l=e.useSlots(),{disabled:r,readonly:s,modelValue:a,valid:f,invalid:d}=Do(t,n),c=e.computed(()=>String(t.id||F.nanoid())),i=e.computed(()=>p.value?-1:t.tabindex),u=e.ref(),p=e.computed(()=>r.value||s.value),g=e.computed(()=>{if(d.value===!0)return!0;if(f.value===!0)return!1}),b=e.computed(()=>Array.isArray(a.value)?Z(t.value,a.value):X(t.value,a.value)),h=e.computed(()=>["string","number","boolean"].includes(typeof t.value)?t.value:!0),m=e.computed({get(){return b.value?h.value:null},set(C){Array.isArray(a.value)?a.value=[t.value]:a.value=t.value,n("change",C)}}),{bemCssClasses:S}=R("vv-radio",{valid:f,invalid:d,disabled:r,readonly:s}),{HintSlot:B}=J(t,l);return(C,w)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(S)),for:e.unref(c)},[e.withDirectives(e.createElementVNode("input",{id:e.unref(c),ref_key:"input",ref:u,"onUpdate:modelValue":w[0]||(w[0]=k=>e.isRef(m)?m.value=k:null),type:"radio",class:"vv-radio__input",name:C.name,disabled:e.unref(p),value:e.unref(h),tabindex:e.unref(i),"aria-invalid":e.unref(g)},null,8,Oo),[[e.vModelRadio,e.unref(m)]]),e.renderSlot(C.$slots,"default",{value:e.unref(a)},()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),e.createVNode(e.unref(B),{class:"vv-radio__hint",params:{value:e.unref(a)}},null,8,["params"])],10,Io))}}),Lo=Le,xo=["update:modelValue","change"],Ho=["textContent"],Mo={class:"vv-radio-group__wrapper"},Go={name:"VvRadioGroup"},zo=e.defineComponent({...Go,props:Lo,emits:xo,setup(o,{emit:n}){const t=o,l=e.useSlots(),r=j.useVModel(t,"modelValue",n),{disabled:s,readonly:a,vertical:f,valid:d,invalid:c}=e.toRefs(t);pe({key:we,modelValue:r,disabled:s,readonly:a,valid:d,invalid:c});const{getOptionLabel:u,getOptionValue:p}=se(t),{bemCssClasses:g}=R("vv-radio-group",{disabled:s,readonly:a,horizontal:e.computed(()=>!f.value),valid:d,invalid:c}),b=(m,S)=>({id:`${t.name}_opt${S}`,name:t.name,label:u(m),value:p(m)}),{HintSlot:h}=J(t,l);return(m,S)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(g))},[m.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(m.label)},null,8,Ho)):e.createCommentVNode("",!0),e.createElementVNode("div",Mo,[m.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(m.options,(B,C)=>(e.openBlock(),e.createBlock(Fe,e.mergeProps({key:C},b(B,C)),null,16))),128)):e.renderSlot(m.$slots,"default",{key:1})]),e.createVNode(e.unref(h),{class:"vv-radio-group__hint"})],2))}}),Uo={...ke,...fe,...ne,...re,...ae,...Ve,...Y,...le,...W,...me,...Se,autocomplete:{type:String,default:"off"},autofocus:Boolean,multiple:Boolean,required:Boolean,size:[String,Number],modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},label:String,placeholder:String},vo=["update:modelValue","focus","blur"],jo=["for"],Fo={class:"vv-select__wrapper"},Wo=["id"],qo={key:0,value:void 0,disabled:""},Ko=["disabled","value"],Xo={name:"VvSelect"},Zo=e.defineComponent({...Xo,props:Uo,emits:vo,setup(o,{emit:n}){const t=o,l=e.useSlots(),r=e.ref(),{HintSlot:s,hasHint:a,hasInvalid:f}=J(t,l),{modifiers:d,disabled:c,readonly:i,loading:u,icon:p,iconPosition:g,invalid:b,valid:h}=e.toRefs(t),m=e.computed(()=>String(t.id||F.nanoid())),S=e.computed(()=>`${m.value}-hint`),{focused:B}=he(r,n),{hasIcon:C,hasIconLeft:w,hasIconRight:k}=be(p,g),I=e.computed(()=>!H(t.modelValue)),M=e.computed(()=>t.disabled||t.readonly),N=e.computed(()=>M.value?-1:t.tabindex),L=e.computed(()=>{if(t.invalid===!0)return!0;if(t.valid===!0)return!1}),{bemCssClasses:U}=R("vv-select",{modifiers:d,valid:h,invalid:b,loading:u,disabled:c,readonly:i,iconLeft:w,iconRight:k,dirty:I,focus:B}),$=e.computed(()=>({name:t.name,tabindex:N.value,disabled:M.value,required:t.required,size:t.size,autocomplete:t.autocomplete,multiple:t.multiple,"aria-invalid":L.value,"aria-describedby":!f.value&&a.value?S.value:void 0,"aria-errormessage":f.value?S.value:void 0})),{getOptionLabel:G,getOptionValue:ee}=se(t);function K(A){return typeof A=="string"||A.disabled===void 0?c.value:A.disabled}const z=e.computed({get:()=>t.modelValue,set:A=>{n("update:modelValue",A)}});return(A,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(U))},[A.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(m)},e.toDisplayString(A.label),9,jo)):e.createCommentVNode("",!0),e.createElementVNode("div",Fo,[e.renderSlot(A.$slots,"before",{},()=>[e.unref(w)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(C))),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("select",e.mergeProps({id:e.unref(m),ref_key:"select",ref:r,"onUpdate:modelValue":v[0]||(v[0]=T=>e.isRef(z)?z.value=T:null)},e.unref($)),[A.placeholder?(e.openBlock(),e.createElementBlock("option",qo,e.toDisplayString(A.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.options,(T,_)=>(e.openBlock(),e.createElementBlock("option",{key:_,disabled:K(T),value:e.unref(ee)(T)},e.toDisplayString(e.unref(G)(T)),9,Ko))),128))],16,Wo),[[e.vModelSelect,e.unref(z)]]),e.renderSlot(A.$slots,"after",{},()=>[e.unref(k)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(C))),null,16)):e.createCommentVNode("",!0)])]),e.createVNode(e.unref(s),{id:e.unref(S),class:"vv-select__hint"},null,8,["id"])],2))}}),Yo={hard:"hard",soft:"soft"},Jo={true:!0,false:!1,default:"default"},Qo=["update:modelValue","focus","blur","keyup"],$o={...Oe,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:Yo.soft},spellcheck:{type:[Boolean,String],default:Jo.default},resizable:Boolean},en=["for"],tn={class:"vv-textarea__wrapper"},on=["id"],nn={key:0,class:"vv-textarea__limit"},rn={name:"VvTextarea"},ln=e.defineComponent({...rn,props:$o,emits:Qo,setup(o,{emit:n}){const t=o,l=e.useSlots(),r=e.ref(),{icon:s,iconPosition:a,label:f,modelValue:d,count:c,valid:i,invalid:u,loading:p}=e.toRefs(t),g=e.computed(()=>String(t.id||F.nanoid())),b=e.computed(()=>`${g.value}-hint`),h=e.computed(()=>t.floating&&H(t.placeholder)?" ":t.placeholder),m=ze(d,n,t.debounce),{hasIcon:S,hasIconLeft:B,hasIconRight:C}=be(s,a),{focused:w}=he(r,n),{formatted:k}=Ue(m,{mode:t.count,upperLimit:t.maxlength,lowerLimit:t.minlength}),I=e.computed(()=>!t.disabled&&!t.readonly),M=e.computed(()=>I.value?t.tabindex:-1),N=e.computed(()=>!H(d)),L=e.computed(()=>{if(t.invalid===!0)return!0;if(t.valid===!0)return!1}),{HintSlot:U,hasHint:$,hasInvalid:G}=J(t,l),{bemCssClasses:ee}=R("vv-textarea",{modifiers:t.modifiers,valid:i,invalid:u,loading:p,disabled:t.disabled,readonly:t.readonly,iconLeft:B,iconRight:C,floating:t.floating&&!H(t.label),dirty:N,focused:w,resizable:t.resizable}),K=e.computed(()=>({name:t.name,placeholder:h.value,tabindex:M.value,disabled:t.disabled,readonly:t.readonly,required:t.required,autocomplete:t.autocomplete,minlength:t.minlength,maxlength:t.maxlength,cols:t.cols,rows:t.rows,wrap:t.wrap,spellcheck:t.spellcheck,"aria-invalid":L.value,"aria-describedby":!G.value&&$.value?b.value:void 0,"aria-errormessage":G.value?b.value:void 0})),z=e.computed(()=>({valid:t.valid,invalid:t.invalid,modelValue:t.modelValue,hintLabel:t.hintLabel,maxlength:t.maxlength,minlength:t.minlength,clear:A})),A=()=>{m.value=void 0};return e.onMounted(()=>{t.autofocus&&(w.value=!0)}),(v,T)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(ee))},[e.unref(f)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(g),class:"vv-textarea__label"},e.toDisplayString(e.unref(f)),9,en)):e.createCommentVNode("",!0),e.createElementVNode("div",tn,[e.renderSlot(v.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(z))),()=>[e.unref(B)?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0,class:"vv-textarea__icon-left"},e.unref(S)),null,16)):e.createCommentVNode("",!0)]),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(g),ref_key:"textarea",ref:r,"onUpdate:modelValue":T[0]||(T[0]=_=>e.isRef(m)?m.value=_:null)},e.unref(K),{onKeyup:T[1]||(T[1]=_=>n("keyup",_))}),null,16,on),[[e.vModelText,e.unref(m)]]),e.renderSlot(v.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(z))),()=>[e.unref(C)?(e.openBlock(),e.createBlock(D,e.normalizeProps(e.mergeProps({key:0},e.unref(S))),null,16)):e.createCommentVNode("",!0)]),e.unref(c)?(e.openBlock(),e.createElementBlock("span",nn,[e.renderSlot(v.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(z))),()=>[e.createTextVNode(e.toDisplayString(e.unref(k)),1)])])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(U),{id:e.unref(b),class:"vv-textarea__hint"},null,8,["id"])],2))}});V.VolverPlugin=Ke,V.VvAccordion=De,V.VvAccordionGroup=st,V.VvBadge=pt,V.VvBreadcrumb=ht,V.VvButton=Pt,V.VvButtonGroup=Rt,V.VvCard=xt,V.VvCheckbox=Me,V.VvCheckboxGroup=Xt,V.VvCombobox=io,V.VvDialog=ho,V.VvDropdown=Ge,V.VvIcon=D,V.VvInputText=Eo,V.VvProgress=wo,V.VvRadio=Fe,V.VvRadioGroup=zo,V.VvSelect=Zo,V.VvTextarea=ln,Object.defineProperty(V,Symbol.toStringTag,{value:"Module"})});

package/dist/props/index.d.ts

@@ -1,23 +1,34 @@
+import type { PropType } from 'vue';
+import type { Option } from '@/types/generic';
 export declare const ValidProps: {
     valid: BooleanConstructor;
-    validLabel: (StringConstructor | ArrayConstructor)[];
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };
-export declare const ErrorProps: {
-    error: BooleanConstructor;
-    errorLabel: (StringConstructor | ArrayConstructor)[];
+export declare const InvalidProps: {
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
 };
 export declare const LoadingProps: {
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
 };
 export declare const DisabledProps: {
+    /**
+     * Whether the form control is disabled
+     */
     disabled: BooleanConstructor;
 };
 export declare const ReadonlyProps: {
+    /**
+     * The value is not editable
+     */
     readonly: BooleanConstructor;
 };
 export declare const ModifiersProps: {
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    /**
+     * Component BEM modifiers
+     */
+    modifiers: PropType<string | string[]>;
 };
 export declare const HintProps: {
     hintLabel: {
@@ -27,24 +38,322 @@ export declare const HintProps: {
 };
 export declare const OptionsProps: {
     /**
-     * Lista delle radio options
+     * List of options, can be string[] or object[]
      */
     options: {
-        type: ArrayConstructor;
+        type: PropType<(string | Option)[]>;
         default: () => never[];
     };
     /**
-     * Se options è un array di oggetti, optionLabel = nome del campo da utilizzare come label oppure una funzione per ricavare la label
+     * Used when options are objects: key to use for option label
      */
-    optionLabel: {
+    labelKey: {
         type: (StringConstructor | FunctionConstructor)[];
-        default: () => string;
+        default: string;
     };
     /**
-     * Se options è un array di oggetti, optionValue = nome del campo da utilizzare come value oppure una funzione per ricavare il value
+     * Used when options are objects: key to use for option label
      */
-    optionValue: {
+    valueKey: {
         type: (StringConstructor | FunctionConstructor)[];
-        default: () => string;
+        default: string;
+    };
+};
+export declare const CountProps: {
+    /**
+     * Show character limit
+     */
+    count: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+};
+export declare const DebounceProps: {
+    /**
+     * Milliseconds to wait before emitting the input event
+     */
+    debounce: (StringConstructor | NumberConstructor)[];
+};
+export declare const ICON_POSITIONS: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+export type IconPosition = ValueOf<typeof ICON_POSITIONS>;
+export declare const IconProps: {
+    /**
+     * VvIcon name or props
+     * @see VVIcon
+     */
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
     };
+    /**
+     * VvIcon position
+     */
+    iconPosition: {
+        type: PropType<IconPosition>;
+        validation: (value: IconPosition) => boolean;
+        default: "right";
+    };
+};
+export declare const TabindexProps: {
+    /**
+     * Global attribute tabindex
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+};
+export declare const IdNameProps: {
+    /**
+     * Global attribute id
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     */
+    id: (StringConstructor | NumberConstructor)[];
+    /**
+     * Input / Textarea name
+     * Name of the form control. Submitted with the form as part of a name/value pair
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
+     */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export declare const InputTextareaProps: {
+    /**
+     * Global attribute autofocus
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus
+     */
+    autofocus: BooleanConstructor;
+    /**
+     * Input / Textarea autocomplete
+     * Hint for for autofill feature
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete
+     */
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Input / Textarea minlength
+     * Minimum length (number of characters) of value
+     * Available for input types: text, search, url, tel, email, password
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength
+     */
+    minlength: NumberConstructor;
+    /**
+     * Input / Textarea maxlength
+     * Maximum length (number of characters) of value
+     * Available for input types: text, search, url, tel, email, password
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength
+     */
+    maxlength: NumberConstructor;
+    /**
+     * Input / Textarea placeholder
+     * Text that appears in the form control when it has no value set
+     * Available for input types: text, search, url, tel, email, password, number
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#placeholder
+     */
+    placeholder: StringConstructor;
+    /**
+     * Input / Textarea required
+     * A value is required or must be check for the form to be submittable
+     * Available for all input types except color
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#required
+     */
+    required: BooleanConstructor;
+    /**
+     * <label> value for the Input / Textarea
+     */
+    label: StringConstructor;
+    /**
+     * If true the label will be floating
+     */
+    floating: BooleanConstructor;
+    /**
+     * VvIcon name or props
+     * @see VVIcon
+     */
+    icon: {
+        type: (ObjectConstructor | StringConstructor)[];
+    };
+    /**
+     * VvIcon position
+     */
+    iconPosition: {
+        type: PropType<IconPosition>;
+        validation: (value: IconPosition) => boolean;
+        default: "right";
+    };
+    /**
+     * Milliseconds to wait before emitting the input event
+     */
+    debounce: (StringConstructor | NumberConstructor)[];
+    /**
+     * Show character limit
+     */
+    count: {
+        type: (StringConstructor | BooleanConstructor)[];
+        default: boolean;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Component BEM modifiers
+     */
+    modifiers: PropType<string | string[]>;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    /**
+     * The value is not editable
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Whether the form control is disabled
+     */
+    disabled: BooleanConstructor;
+    /**
+     * Global attribute tabindex
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Global attribute id
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     */
+    id: (StringConstructor | NumberConstructor)[];
+    /**
+     * Input / Textarea name
+     * Name of the form control. Submitted with the form as part of a name/value pair
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
+     */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export declare const CheckboxRadioProps: {
+    /**
+     * Input value
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value
+     */
+    value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    /**
+     * Input value
+     */
+    modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
+    /**
+     * <label> for input
+     */
+    label: StringConstructor;
+    /**
+     * The value is not editable
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Whether the form control is disabled
+     */
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
+    /**
+     * Global attribute tabindex
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+     */
+    tabindex: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    /**
+     * Global attribute id
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
+     */
+    id: (StringConstructor | NumberConstructor)[];
+    /**
+     * Input / Textarea name
+     * Name of the form control. Submitted with the form as part of a name/value pair
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name
+     */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+};
+export declare const CheckboxRadioGroupProps: {
+    /**
+     * Input value
+     */
+    modelValue: (ArrayConstructor | StringConstructor)[];
+    /**
+     * Input label
+     */
+    label: StringConstructor;
+    /**
+     * Input name
+     */
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    /**
+     * If true, the group will be displayed in a vertical column
+     */
+    vertical: BooleanConstructor;
+    /**
+     * The value is not editable
+     */
+    readonly: BooleanConstructor;
+    /**
+     * Whether the form control is disabled
+     */
+    disabled: BooleanConstructor;
+    hintLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * List of options, can be string[] or object[]
+     */
+    options: {
+        type: PropType<(string | Option)[]>;
+        default: () => never[];
+    };
+    /**
+     * Used when options are objects: key to use for option label
+     */
+    labelKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    /**
+     * Used when options are objects: key to use for option label
+     */
+    valueKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    invalid: BooleanConstructor;
+    invalidLabel: (ArrayConstructor | StringConstructor)[];
+    valid: BooleanConstructor;
+    validLabel: (ArrayConstructor | StringConstructor)[];
 };

package/dist/resolvers/unplugin.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentResolver } from 'unplugin-vue-components/types';
+export interface VolverResolverOptions {
+    /**
+     * import style along with components
+     *
+     * @default 'css'
+     */
+    importStyle?: boolean | 'css' | 'scss';
+    /**
+     * import custom style path
+     *
+     * @default ''
+     */
+    customStylePath?: string;
+    /**
+     * prefix for components (e.g. 'vv' to resolve Button from VvButton)
+     *
+     * @default 'vv'
+     */
+    prefix?: string;
+}
+/**
+ * Resolver for @volverjs/ui-vue
+ *
+ * @link https://github.com/volverjs/ui-vue
+ */
+export declare function VolverResolver({ prefix, importStyle, customStylePath, }?: VolverResolverOptions): ComponentResolver;

package/dist/resolvers/unplugin.es.js

@@ -0,0 +1,40 @@
+function i(e, t) {
+  if (typeof e != "string")
+    throw new TypeError("expected a string");
+  return e.trim().replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\W/g, (r) => /[À-ž]/.test(r) ? r : "-").replace(/^-+|-+$/g, "").replace(/-{2,}/g, (r) => t != null && t.condense ? "-" : r).toLowerCase();
+}
+const u = ["vv-icon"], v = "vv", l = function(e) {
+  if (!u.includes(e))
+    return e === "vv-native-select" ? "vv-select" : e === "vv-accordion-group" ? "vv-accordion" : e;
+};
+function f({
+  prefix: e = v,
+  importStyle: t,
+  customStylePath: r
+} = {}) {
+  return {
+    type: "component",
+    resolve: (n) => {
+      if (!e || !n.toLowerCase().startsWith(e.toLowerCase()))
+        return;
+      const s = [], c = i(n).replace(
+        `${e}-`,
+        `${v}-`
+      );
+      if (t) {
+        r && s.push(r);
+        const o = l(c);
+        o && s.push(
+          `@volverjs/style/${t === "scss" ? "scss/" : ""}components/${o}`
+        );
+      }
+      return {
+        from: `@volverjs/ui-vue/${c}`,
+        sideEffects: s
+      };
+    }
+  };
+}
+export {
+  f as VolverResolver
+};

package/dist/resolvers/unplugin.umd.js

@@ -0,0 +1 @@
+(function(n,r){typeof exports=="object"&&typeof module<"u"?r(exports):typeof define=="function"&&define.amd?define(["exports"],r):(n=typeof globalThis<"u"?globalThis:n||self,r(n.components={}))})(this,function(n){"use strict";function r(e,o){if(typeof e!="string")throw new TypeError("expected a string");return e.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,t=>/[À-ž]/.test(t)?t:"-").replace(/^-+|-+$/g,"").replace(/-{2,}/g,t=>o!=null&&o.condense?"-":t).toLowerCase()}const v=["vv-icon"],c="vv",l=function(e){if(!v.includes(e))return e==="vv-native-select"?"vv-select":e==="vv-accordion-group"?"vv-accordion":e};function d({prefix:e=c,importStyle:o,customStylePath:t}={}){return{type:"component",resolve:i=>{if(!e||!i.toLowerCase().startsWith(e.toLowerCase()))return;const s=[],f=r(i).replace(`${e}-`,`${c}-`);if(o){t&&s.push(t);const u=l(f);u&&s.push(`@volverjs/style/${o==="scss"?"scss/":""}components/${u}`)}return{from:`@volverjs/ui-vue/${f}`,sideEffects:s}}}}n.VolverResolver=d,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/stories/Accordion/Accordion.settings.d.ts

@@ -0,0 +1,63 @@
+export declare const defaultArgs: {
+    title: string;
+    content: string;
+    modifiers: never[];
+    disabled: boolean;
+};
+export declare const argTypes: {
+    default: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    disabled: {
+        type: string;
+        description: string;
+        table: {
+            defaultValue: {
+                summary: boolean;
+            };
+        };
+    };
+    summary: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    details: {
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    modifiers: {
+        options: string[];
+        type: {
+            summary: string[];
+        };
+        description: string;
+        control: {
+            type: string;
+        };
+    };
+};

package/dist/stories/Accordion/Accordion.test.d.ts

@@ -0,0 +1,2 @@
+import type { PlayAttributes } from '@/test/types';
+export declare function defaultTest({ canvasElement, args }: PlayAttributes): Promise<void>;