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

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(h,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("@iconify/vue"),require("vue"),require("uuid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","@iconify/vue","vue","uuid","@vueuse/core"],V):(h=typeof globalThis<"u"?globalThis:h||self,V(h.volver={},h.vue,h.vue$1,h.uuid,h.core))})(this,function(h,V,e,j,N){"use strict";var ot=Object.defineProperty;var nt=(h,V,e)=>V in h?ot(h,V,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[V]=e;var I=(h,V,e)=>(nt(h,typeof V!="symbol"?V+"":V,e),e);const F="ds";class Y{constructor({fetchWithCredentials:n=!1,fetchOptions:o={},iconsCollections:l=[]}={}){I(this,"fetchOptions");I(this,"iconsCollections");I(this,"provider");n&&(o={...o,credentials:"include"}),this.provider=F,this.fetchOptions=o,this.iconsCollections=l,this.iconsCollections.forEach(r=>{this.addCollection(r,this.provider)})}addCollection(n,o){return V.addCollection(n,o)}addIcon(n,o){return V.addIcon(n,o)}fetchIcon(n,o){return new Promise((l,r)=>{fetch(n,{...this.fetchOptions,...o}).catch(a=>r(a)).then(a=>a==null?void 0:a.text()).then(a=>l(a))})}}const x={install(t,n){const o=new Y(n);t.config.globalProperties.$ds=o,t.provide(F,o)}};var P=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(P||{}),w=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(w||{}),M=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(M||{});const $={icon:String,iconPosition:{type:String,default:"left",validator:t=>t in P},label:String,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:t=>t in M},block:Boolean,active:Boolean,rounded:Boolean,disabled:Boolean,fullBleed:Boolean,action:Boolean,actionQuiet:Boolean,selected:Boolean,modifiers:[Array,String]},b={equals(t,n,o){return o?this.resolveFieldData(t,o)===this.resolveFieldData(n,o):this.deepEquals(t,n)},deepEquals(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const o=Array.isArray(t),l=Array.isArray(n);let r,a,c;if(o&&l){if(a=t.length,a!=n.length)return!1;for(r=a;r--!==0;)if(!this.deepEquals(t[r],n[r]))return!1;return!0}if(o!=l)return!1;const u=t instanceof Date,i=n instanceof Date;if(u!=i)return!1;if(u&&i)return t.getTime()==n.getTime();const m=t instanceof RegExp,d=n instanceof RegExp;if(m!=d)return!1;if(m&&d)return t.toString()==n.toString();const s=Object.keys(t);if(a=s.length,a!==Object.keys(n).length)return!1;for(r=a;r--!==0;)if(!Object.prototype.hasOwnProperty.call(n,s[r]))return!1;for(r=a;r--!==0;)if(c=s[r],!this.deepEquals(t[c],n[c]))return!1;return!0}return t!==t&&n!==n},resolveFieldData(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const o=n.split(".");let l=t;for(let r=0,a=o.length;r<a;++r){if(t==null)return null;l=l[o[r]]}return l}}else return null},isFunction(t){return!!(t&&t.constructor&&t.call&&t.apply)},findIndexInList(t,n){let o=-1;if(n){for(let l=0;l<n.length;l++)if(this.equals(n[l],t)){o=l;break}}return o},contains(t,n){if(t!=null&&n&&n.length){for(const o of n)if(this.equals(t,o))return!0}return!1},isEmpty(t){return t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0},isNotEmpty(t){return!this.isEmpty(t)},pickBy(t,n){return Object.fromEntries(Object.entries(t).filter(([o])=>n(o)))},removeFromList(t,n){const o=this.findIndexInList(t,n);return o>-1?n.filter((l,r)=>r!==o):n},isString(t){return typeof t=="string"||t instanceof String},propsToObject(t){return Object.keys(t).reduce((n,o)=>{var l,r,a,c,u;return this.isFunction(t[o])?n[o]=t[o]():Array.isArray(t[o])?n[o]=t[o][0]():(l=t[o])!=null&&l.type&&(Array.isArray(t[o].type)?n[o]=((r=t[o])==null?void 0:r.default)||((a=t[o])==null?void 0:a.type[0]()):n[o]=((c=t[o])==null?void 0:c.default)||((u=t[o])==null?void 0:u.type())),n},{})},filterArray(t,n,o){return t.filter(l=>n.some(r=>typeof r=="string"?l[o]==r:this.equals(l[o],r[o])))},kebabCase(t){var n,o;if(t)return(o=(n=t.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:o.toLowerCase()}},ee={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function S(t,n){const o={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((r,a)=>{const c=e.unref(n[a])||!1;if(!c)return r;if(a==="modifiers"){const u=Array.isArray(c)?c:[c];return{...r,...u.reduce((i,m)=>({...i,[`${t}--${b.kebabCase(m)}`]:!0}),{})}}else return{...r,[`${t}--${b.kebabCase(a)}`]:c}},o)||{})}}const D=e.defineComponent({__name:"VvIcon",props:ee,setup(t){const n=t,o=e.ref(!0),{modifiers:l}=e.toRefs(n),r=e.inject(F),{bemCssClasses:a}=S("vv-icon",{modifiers:l}),c=e.computed(()=>n.provider||(r==null?void 0:r.provider)),u=e.computed(()=>{const d=n.name||"",s=`@${c.value}:${n.prefix}:${n.name}`;return V.iconExists(d)?d:V.iconExists(s)?s:(r==null?void 0:r.iconsCollections.find(p=>{const f=`@${c.value}:${p.prefix}:${d}`;if(V.iconExists(f))return f}))||d});function i(d){let s=null;if(typeof window>"u"){const{JSDOM:g}=require("jsdom");s=new g().window}return(s?new s.DOMParser:new window.DOMParser).parseFromString(d,"text/html").querySelector("svg")}function m(d){const s=i(d),p=(s==null?void 0:s.innerHTML.trim())||"";s&&p&&V.addIcon(`@${c.value}:${n.prefix}:${n.name}`,{body:p,height:s.viewBox.baseVal.height,width:s.viewBox.baseVal.width})}return r&&(n.src?(o.value=!1,r.fetchIcon(n.src).then(d=>{d&&(m(d),o.value=!0)}).catch(d=>{throw new Error(`During fetch icon: ${d==null?void 0:d.message}`)})):n.svg&&m(n.svg)),(d,s)=>o.value?(e.openBlock(),e.createBlock(e.unref(V.Icon),e.mergeProps({key:0,class:e.unref(a)},{...d.$props,provider:e.unref(c),icon:e.unref(u)}),null,16,["class"])):e.createCommentVNode("",!0)}});function q(t){const n=e.inject(t,void 0),o=e.computed(()=>b.isNotEmpty(n));function l(r,a,c){if(n!=null&&n.value){const u=e.unref(n.value)[r];return e.computed({get(){return u==null?void 0:u.value},set(i){u.value=i}})}else{const u=e.toRef(a,r);return e.computed({get(){return u.value},set(i){c&&c(`update:${r}`,i)}})}}return{group:n,isInGroup:o,getGroupOrLocalRef:l}}const H=Symbol("VV_BUTTON_GROUP"),U=Symbol("VV_CHECK_GROUP"),K=Symbol("VV_ACCORDION_GROUP");function te(t){const{group:n,isInGroup:o,getGroupOrLocalRef:l}=q(H),{modifiers:r,fullBleed:a,iconPosition:c,icon:u,label:i,block:m,selected:d}=e.toRefs(t),s=l("modelValue",t),p=l("disabled",t),f=l("toggle",t),y=l("rounded",t),g=l("action",t),k=l("actionQuiet",t);return{modelValue:s,disabled:p,toggle:f,isInGroup:o,group:n,modifiers:r,action:g,actionQuiet:k,selected:d,block:m,rounded:y,fullBleed:a,iconPosition:c,icon:u,label:i}}const oe={key:1,class:"vv-button__label"},ne={key:1,class:"vv-button__label"},re=e.defineComponent({__name:"VvButton",props:$,setup(t){const n=t,o=e.useAttrs(),l=(o==null?void 0:o.name)||j.v4(),{modifiers:r,action:a,actionQuiet:c,block:u,rounded:i,fullBleed:m,iconPosition:d,icon:s,label:p,modelValue:f,disabled:y,toggle:g,isInGroup:k}=te(n),C=e.computed(()=>{switch(!0){case y.value:return w.button;case n.to!==void 0:return w.routerLink;case n.href!==void 0:return w.a;default:return w.button}}),E=e.computed(()=>g.value?Array.isArray(f.value)?b.contains(l,f.value):b.equals(l,f.value):n.active),O=e.computed(()=>g.value?Array.isArray(f.value)?b.contains(l,f.value):b.equals(l,f.value):n.selected),{bemCssClasses:z}=S("vv-button",{modifiers:r,active:E,action:a,actionQuiet:c,selected:O,block:u,rounded:i,fullBleed:m,disabled:y,reverse:e.computed(()=>[P.right,P.bottom].includes(d.value)),column:e.computed(()=>[P.top,P.bottom].includes(d.value)),iconOnly:e.computed(()=>(s==null?void 0:s.value)&&!(p!=null&&p.value))}),T=e.computed(()=>({...B.value,"aria-label":n.label||o["aria-label"],"aria-disabled":y.value,role:"button",class:z.value,to:n.to})),B=e.computed(()=>{const _=C.value===w.a;let R={};return _&&(R=y.value?{href:"javascript:;"}:{target:n.target,href:n.href}),R});function A(){k.value&&(f.value=l)}return(_,R)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(C)),e.mergeProps(e.unref(T),{onClickPassive:A}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"default",{},()=>[_.loading?e.renderSlot(_.$slots,"loading",{key:0},()=>[_.loadingIcon?(e.openBlock(),e.createBlock(D,{key:0,class:"vv-button__loading-icon",name:_.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),_.loadingLabel?(e.openBlock(),e.createElementBlock("span",oe,e.toDisplayString(_.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(_.$slots,"before"),e.unref(s)?(e.openBlock(),e.createBlock(D,{key:0,class:"vv-button__icon",name:e.unref(s)},null,8,["name"])):e.createCommentVNode("",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",ne,[e.renderSlot(_.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)])])):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"after")],64))])]),_:3},16))}}),le={value:[String,Number],color:String},se=e.defineComponent({__name:"VvBadge",props:le,setup(t){const n=t,o=e.computed(()=>n.color?`vv-badge--${n.color}`:"");return(l,r)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["vv-badge",e.unref(o)]),role:"status"},e.toDisplayString(l.value),3))}}),ae={disabled:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1},block:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},action:Boolean,actionQuiet:Boolean,modelValue:{type:String,default:void 0}},ce=["update:modelValue"];function L(t){if(Object.keys(t).some(n=>n!=="key"&&!e.isRef(t[n])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}const ie=e.defineComponent({__name:"VvButtonGroup",props:ae,emits:ce,setup(t,{emit:n}){const o=t,l=N.useVModel(o,"modelValue",n),{disabled:r,vertical:a,compact:c,block:u,rounded:i,toggle:m,action:d,actionQuiet:s}=e.toRefs(o),{bemCssClasses:p}=S("vv-button-group",{vertical:a,compact:c,block:u});return L({key:H,modelValue:l,disabled:r,toggle:m,rounded:i,action:d,actionQuiet:s}),(y,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(p)),role:"group"},[e.renderSlot(y.$slots,"default")],2))}}),de={title:String,content:String,open:Boolean,iconRight:Boolean,bordered:Boolean,modifiers:[String,Array],disabled:Boolean},ue=["update:open"];function fe(t,n){const{group:o,isInGroup:l,getGroupOrLocalRef:r}=q(K),{modifiers:a}=e.toRefs(t),c=r("modelValue",t,n),u=r("bordered",t),i=r("disabled",t),m=r("iconRight",t),d=r("accordion",t);return{modelValue:c,disabled:i,bordered:u,iconRight:m,isInGroup:l,group:o,accordion:d,modifiers:a}}const pe=["open"],me=["aria-controls","aria-expanded"],ge=["aria-hidden"],Q=e.defineComponent({__name:"VvAccordion",props:de,emits:ue,setup(t,{emit:n}){const o=t,l=e.useAttrs(),r=(l==null?void 0:l.name)||j.v4(),{modelValue:a,modifiers:c,bordered:u,disabled:i=e.ref(!1),iconRight:m,isInGroup:d,accordion:s}=fe(o,n),p=e.computed(()=>d.value?s.value?b.equals(r,a.value):b.contains(r,a.value):o.open),{bemCssClasses:f}=S("vv-accordion",{modifiers:c,disabled:i,markerRight:e.computed(()=>m.value),bordered:u}),y=k=>{const C=k.target;n("update:open",C.open)},g=k=>{d.value&&(s.value?a.value=p.value?null:r:a.value=p.value?b.removeFromList(r,a.value):[...a.value,r],k.preventDefault())};return(k,C)=>(e.openBlock(),e.createElementBlock("details",{class:e.normalizeClass(e.unref(f)),open:e.unref(p),onToggle:y,onClick:g},[e.createElementVNode("summary",{"aria-controls":`#${e.unref(r)}`,"aria-expanded":e.unref(p),class:"vv-collapse__summary"},[e.renderSlot(k.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(k.title),1)])],8,me),e.createElementVNode("div",{"aria-hidden":!e.unref(p),class:"vv-collapse__content"},[e.renderSlot(k.$slots,"details",{},()=>[e.createTextVNode(e.toDisplayString(k.content),1)])],8,ge)],42,pe))}}),ye={modelValue:[String,Array],iconRight:Boolean,bordered:Boolean,items:{type:Array,default:()=>[]},accordion:Boolean,modifiers:[String,Array],disabled:Boolean},he=["update:open"],be=e.defineComponent({__name:"VvAccordionGroup",props:ye,emits:he,setup(t,{emit:n}){const o=t,l=N.useVModel(o,"modelValue",n),{disabled:r,bordered:a,iconRight:c,accordion:u,modifiers:i,items:m}=e.toRefs(o);L({key:K,modelValue:l,disabled:r,bordered:a,iconRight:c,accordion:u});const{bemCssClasses:s}=S("vv-accordion-group",{modifiers:i,disabled:r});return(p,f)=>{var y;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s))},[((y=o.items)==null?void 0:y.length)>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(m),g=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:g.title},{name:g.name,title:g.title,content:g.content,...o}),null,16))),128)):e.renderSlot(p.$slots,"default",{key:1})],2)}}}),Z={valid:Boolean,validLabel:[String,Array]},W={error:Boolean,errorLabel:[String,Array]},ke={disabled:Boolean},J={modifiers:[String,Array]},Ve={hintLabel:{type:String,default:""}},_e={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}},Ce={...J,routes:Array,multiline:Boolean},Be={class:"vv-breadcrumb__list"},Se=["content"],Ae=e.defineComponent({__name:"VvBreadcrumb",props:Ce,setup(t){const n=t,{modifiers:o,multiline:l}=e.toRefs(n),{bemCssClasses:r}=S("vv-breadcrumb",{modifiers:o,multiline:l});return(a,c)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(r)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.routes,(u,i)=>{var m,d,s,p;return e.openBlock(),e.createElementBlock("li",{key:`${u.label}-${i}`,class:e.normalizeClass({"vv-breadcrumb__item":i<Number((m=a.routes)==null?void 0:m.length)-1,"vv-breadcrumb__item-active":i===Number((d=a.routes)==null?void 0:d.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.to?"router-link":u.href?"a":"span"),e.mergeProps(u,{class:{"vv-breadcrumb__link":i<Number((s=a.routes)==null?void 0:s.length)-1},"aria-current":i===Number((p=a.routes)==null?void 0:p.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.label)+" ",1)]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${i+1}`},null,8,Se)],2)}),128))])],2))}}),Ee={title:String,modifiers:[String,Array]},Oe={key:0,class:"vv-card__header"},Ne={key:1,class:"vv-card__content"},Pe={key:2,class:"vv-card__footer"},we=e.defineComponent({__name:"VvCard",props:Ee,setup(t){const n=t,o=e.useAttrs(),{modifiers:l}=e.toRefs(n),{bemCssClasses:r}=S("vv-card",{modifiers:l}),a=e.computed(()=>o);return(c,u)=>(e.openBlock(),e.createElementBlock("article",e.mergeProps({class:e.unref(r)},e.unref(a)),[c.$slots.header||c.title?(e.openBlock(),e.createElementBlock("header",Oe,[e.renderSlot(c.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(c.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"default"),c.$slots.content?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(c.$slots,"content")])):e.createCommentVNode("",!0),c.$slots.footer?(e.openBlock(),e.createElementBlock("footer",Pe,[e.renderSlot(c.$slots,"footer")])):e.createCommentVNode("",!0)],16))}}),Re={...Z,...W,value:null,modelValue:null,binary:Boolean,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},switch:Boolean,label:String,disabled:Boolean,readonly:Boolean},De=["click","update:modelValue","change","focus","blur"];function ve(t,n){const{group:o,isInGroup:l,getGroupOrLocalRef:r}=q(U),{valid:a,error:c,switch:u}=e.toRefs(t),i=r("modelValue",t,n),m=r("readonly",t),d=r("disabled",t);return{group:o,isInGroup:l,valid:a,error:c,propsSwitch:u,modelValue:i,readonly:m,disabled:d}}function Ge(t,n){const{focused:o}=N.useFocus(t);return e.watch(o,l=>{n(l?"focus":"blur",t.value)}),{focused:o}}const Ie={inheritAttrs:!1},X=e.defineComponent({...Ie,__name:"VvCheck",props:Re,emits:De,setup(t,{emit:n}){const o=t,l=e.useAttrs(),{disabled:r,readonly:a,valid:c,error:u,propsSwitch:i,modelValue:m}=ve(o,n),d=e.ref(),{focused:s}=Ge(d,n),p=e.computed(()=>o.binary?b.equals(m.value,o.trueValue):Array.isArray(m.value)?b.contains(o.value,m.value):b.equals(o.value,m.value)),{bemCssClasses:f}=S("vv-input-checkbox",{switch:i,valid:c,invalid:u}),{bemCssClasses:y}=S("vv-input-check__input",{checked:p,disabled:r,readonly:a}),g=e.computed(()=>({[l.class]:!0,...f.value})),k=e.computed(()=>({...y.value,"focus-visible":s.value})),C=e.computed(()=>{const{id:B,name:A,style:_}=l,R=b.pickBy(l,tt=>tt.startsWith("data-"));return{for:B||A,style:_,...R}}),E=e.computed(()=>{const{id:B="",name:A=""}=l;return{type:"checkbox",id:B||A,name:A,value:o.value,disabled:r.value,readonly:a.value,checked:p.value,...O.value}}),O=e.computed(()=>{const{name:B}=l,A=b.pickBy(l,_=>_.startsWith("aria-"));return{"aria-label":B,"aria-checked":p.value,...A}});function z(){if(o.binary){m.value=p.value?o.falseValue:o.trueValue;return}if(m.value===null){m.value=[o.value];return}if(Array.isArray(m.value)){m.value=p.value?b.removeFromList(o.value,m.value):[...m.value,o.value];return}}function T(B){r.value||(n("click",B),n("change",p.value?o.value:null),s.value=!0)}return(B,A)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(g)},e.unref(C),{onClick:T}),[e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:d,class:e.unref(k)},e.unref(E),{onInput:z}),null,16),e.renderSlot(B.$slots,"default",{value:e.unref(m)},()=>[e.createTextVNode(e.toDisplayString(B.label),1)])],16))}}),je={...Z,...W,...Ve,..._e,modelValue:{type:Array},label:{type:String,default:""},name:{type:String,default:"",required:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}},Fe=["update:modelValue","change"];function qe(t){const{options:n,optionLabel:o,optionValue:l}=e.toRefs(t);return{options:n,getOptionLabel:c=>typeof c!="object"&&c!==null?c:typeof o.value=="function"?o.value(c):c[o.value],getOptionValue:c=>typeof c!="object"&&c!==null?c:typeof l.value=="function"?l.value(c):c[l.value]}}function v(t){return Array.isArray(t)?t.filter(n=>b.isString(n)).reduce((n,o)=>n.length>0?n+`
-`+o:o,""):t}function Le(t,n){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(o){const l=e.toRefs(t),{error:r,valid:a,hint:c,loading:u}=n,{hintLabel:i,modelValue:m,valid:d,validLabel:s,error:p,errorLabel:f}=l,y=b.resolveFieldData(l,"loading"),g=b.resolveFieldData(l,"loadingLabel"),k=e.computed(()=>p.value?!!(p.value&&r||(f==null?void 0:f.value)&&Array.isArray(f.value)&&f.value.length>0||(f==null?void 0:f.value)&&b.isNotEmpty(f.value)):!1),C=e.computed(()=>!!(i&&i.value||c||a||s&&s.value||k.value||(y==null?void 0:y.value)&&u||(y==null?void 0:y.value)&&(g==null?void 0:g.value))),E=e.computed(()=>{const O=N.toReactive({hintLabel:i,modelValue:m,valid:d,validLabel:s,error:p,errorLabel:f,loading:y,loadingLabel:g,...o.params});return p!=null&&p.value?(r==null?void 0:r(O))||v(f==null?void 0:f.value)||(i==null?void 0:i.value):d!=null&&d.value?(a==null?void 0:a(O))||v(s==null?void 0:s.value)||(i==null?void 0:i.value):y!=null&&y.value?(u==null?void 0:u(O))||v(g==null?void 0:g.value)||(i==null?void 0:i.value):(c==null?void 0:c(O))||v(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:C,hintContent:E}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const ze=["textContent"],Te={class:"vv-input-checkbox-group__wrapper"},Me=e.defineComponent({__name:"VvCheckGroup",props:je,emits:Fe,setup(t,{emit:n}){const o=t,l=e.useSlots(),r=N.useVModel(o,"modelValue",n),{disabled:a,readonly:c,error:u,valid:i}=e.toRefs(o);L({key:U,modelValue:r,disabled:a,readonly:c});const{getOptionLabel:d,getOptionValue:s}=qe(o),{bemCssClasses:p}=S("vv-input-checkbox-group",{horizontal:e.computed(()=>!o.vertical),valid:i,invalid:u}),f=(g,k)=>({id:`${o.name}_opt${k}`,name:o.name,label:d(g),value:s(g)}),y=Le(o,l);return(g,k)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(p))},[g.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(g.label)},null,8,ze)):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[g.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(g.options,(C,E)=>(e.openBlock(),e.createBlock(X,e.mergeProps({key:E},f(C,E)),null,16))),128)):e.renderSlot(g.$slots,"default",{key:1})]),e.createVNode(e.unref(y),{class:"vv-input-checkbox-group__hint"})],2))}}),G={normal:"",small:"small",fullscreen:"fullscreen"},He=["open","close","update:open"],Ue={id:{type:String,required:!0},title:String,open:Boolean,transition:{type:String,default:"fade-block"},size:{type:String,default:G.normal,validator:t=>Object.values(G).includes(t)},autoClose:{type:Boolean,default:!0}},Ke={key:0,class:"vv-dialog__header"},Qe=["onClick"],Ze={class:"vv-dialog__content"},We={key:1,class:"vv-dialog__footer"},Je=e.defineComponent({__name:"VvDialog",props:Ue,emits:He,setup(t,{emit:n}){const o=t,l=N.useVModel(o,"open",n),r=e.ref(!0),a=e.ref(null),c=e.computed(()=>{const{id:s}=o;return{id:s,open:r.value}}),u=e.computed(()=>({"vv-dialog":!0,"vv-dialog--small":o.size===G.small,"vv-dialog--fullscreen":o.size===G.fullscreen})),i=e.computed(()=>`vv-dialog--${o.transition}`),m={"after-enter":()=>{r.value=!0,n("open")},"after-leave":()=>{r.value=!1,n("close")}};N.onClickOutside(a,()=>{o.autoClose&&(l.value=!1)});function d(){l.value=!1}return(s,p)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(i)},e.toHandlers(m)),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(c),{class:e.unref(u)}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:a,class:"vv-dialog__wrapper"},[s.$slots.header||s.title?(e.openBlock(),e.createElementBlock("header",Ke,[e.renderSlot(s.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(s.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:e.withModifiers(d,["prevent"])},[e.createVNode(D,{name:"close"})],8,Qe)])])):e.createCommentVNode("",!0),e.createElementVNode("div",Ze,[e.renderSlot(s.$slots,"default")]),s.$slots.footer?(e.openBlock(),e.createElementBlock("footer",We,[e.renderSlot(s.$slots,"footer")])):e.createCommentVNode("",!0)],512)],16),[[e.vShow,e.unref(l)]])]),_:3},16,["name"]))}}),Xe={...ke,...J,modelValue:[String,Array,Object],labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},Ye={key:0},xe=["for"],$e=["id","type","value","checked","disabled"],et=e.defineComponent({__name:"VvDropdown",props:Xe,emits:["update:modelValue"],setup(t,{emit:n}){const o=t,l=j.v4(),{modifiers:r,disabled:a}=e.toRefs(o),{bemCssClasses:c}=S("vv-dropdown",{modifiers:r,disabled:a});function u(s){return Array.isArray(o.modelValue)?b.contains(s,o.modelValue)||b.contains(i(s),o.modelValue):b.equals(s,o.modelValue)||b.equals(i(s),o.modelValue)}function i(s){return typeof s=="string"?s:String(s[o.valueKey])}function m(s){return typeof s=="string"?s:s[o.labelKey]}function d(s){var g,k;const p=s.target;let f=p.value;if(f=(o.useObject?(g=o.options)==null?void 0:g.find(C=>C[o.valueKey]==f):null)||f,o.multiple){if(typeof o.maxValues<"u"&&o.maxValues>=0&&((k=o.modelValue)==null?void 0:k.length)>=o.maxValues&&(Array.isArray(o.modelValue)&&!b.contains(f,o.modelValue)||o.maxValues==0)){p.checked=!1;return}Array.isArray(o.modelValue)?f=b.contains(f,o.modelValue)?b.removeFromList(f,o.modelValue):[...o.modelValue,f]:f=[f]}n("update:modelValue",f)}return(s,p)=>{var f;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(c)),role:"listbox"},[(f=s.options)!=null&&f.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",Ye,[e.createElementVNode("label",null,e.toDisplayString(s.labelNoResult),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,(y,g)=>{var k;return e.openBlock(),e.createElementBlock("li",{key:g},[e.createElementVNode("label",{for:`dropdown-${g}-${e.unref(l)}`},[e.createElementVNode("input",{id:`dropdown-${g}-${e.unref(l)}`,type:s.multiple?"checkbox":"radio",value:i(y),checked:u(y),disabled:typeof y=="object"&&(k=y.disabled)!=null?k:e.unref(a),onInput:d},null,40,$e),e.createTextVNode(" "+e.toDisplayString(m(y)),1)],8,xe)])}),128))],2)}}});h.VolverPlugin=x,h.VvAccordion=Q,h.VvAccordionGroup=be,h.VvBadge=se,h.VvBreadcrumb=Ae,h.VvButton=re,h.VvButtonGroup=ie,h.VvCard=we,h.VvCheck=X,h.VvCheckGroup=Me,h.VvDialog=Je,h.VvDropdown=et,h.VvIcon=D,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(h,V){typeof exports=="object"&&typeof module<"u"?V(exports,require("@iconify/vue"),require("vue"),require("uuid"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","@iconify/vue","vue","uuid","@vueuse/core"],V):(h=typeof globalThis<"u"?globalThis:h||self,V(h.volver={},h.vue,h.vue$1,h.uuid,h.core))})(this,function(h,V,e,F,O){"use strict";var ot=Object.defineProperty;var nt=(h,V,e)=>V in h?ot(h,V,{enumerable:!0,configurable:!0,writable:!0,value:e}):h[V]=e;var j=(h,V,e)=>(nt(h,typeof V!="symbol"?V+"":V,e),e);const q="ds";class Y{constructor({fetchWithCredentials:n=!1,fetchOptions:o={},iconsCollections:s=[]}={}){j(this,"fetchOptions");j(this,"iconsCollections");j(this,"provider");n&&(o={...o,credentials:"include"}),this.provider=q,this.fetchOptions=o,this.iconsCollections=s,this.iconsCollections.forEach(r=>{this.addCollection(r,this.provider)})}addCollection(n,o){return V.addCollection(n,o)}addIcon(n,o){return V.addIcon(n,o)}fetchIcon(n,o){return new Promise((s,r)=>{fetch(n,{...this.fetchOptions,...o}).catch(a=>r(a)).then(a=>a==null?void 0:a.text()).then(a=>s(a))})}}const x={install(t,n){const o=new Y(n);t.config.globalProperties.$ds=o,t.provide(q,o)}},H={valid:Boolean,validLabel:[String,Array]},U={error:Boolean,errorLabel:[String,Array]},L={disabled:Boolean},R={modifiers:[String,Array]},$={hintLabel:{type:String,default:""}},ee={options:{type:Array,default:()=>[]},optionLabel:{type:[String,Function],default:()=>"label"},optionValue:{type:[String,Function],default:()=>"value"}};var P=(t=>(t.left="left",t.right="right",t.top="top",t.bottom="bottom",t))(P||{}),w=(t=>(t.nuxtLink="nuxt-link",t.routerLink="router-link",t.a="a",t.button="button",t))(w||{}),K=(t=>(t._blank="_blank",t._self="_self",t._parent="_parent",t._top="_top",t))(K||{});const te={...R,...L,icon:String,iconPosition:{type:String,default:"left",validator:t=>t in P},label:String,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:t=>t in K},active:Boolean,selected:Boolean},b={equals(t,n,o){return o?this.resolveFieldData(t,o)===this.resolveFieldData(n,o):this.deepEquals(t,n)},deepEquals(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){const o=Array.isArray(t),s=Array.isArray(n);let r,a,c;if(o&&s){if(a=t.length,a!=n.length)return!1;for(r=a;r--!==0;)if(!this.deepEquals(t[r],n[r]))return!1;return!0}if(o!=s)return!1;const d=t instanceof Date,i=n instanceof Date;if(d!=i)return!1;if(d&&i)return t.getTime()==n.getTime();const f=t instanceof RegExp,u=n instanceof RegExp;if(f!=u)return!1;if(f&&u)return t.toString()==n.toString();const l=Object.keys(t);if(a=l.length,a!==Object.keys(n).length)return!1;for(r=a;r--!==0;)if(!Object.prototype.hasOwnProperty.call(n,l[r]))return!1;for(r=a;r--!==0;)if(c=l[r],!this.deepEquals(t[c],n[c]))return!1;return!0}return t!==t&&n!==n},resolveFieldData(t,n){if(t&&Object.keys(t).length&&n){if(n.indexOf(".")===-1)return t[n];{const o=n.split(".");let s=t;for(let r=0,a=o.length;r<a;++r){if(t==null)return null;s=s[o[r]]}return s}}else return null},isFunction(t){return!!(t&&t.constructor&&t.call&&t.apply)},findIndexInList(t,n){let o=-1;if(n){for(let s=0;s<n.length;s++)if(this.equals(n[s],t)){o=s;break}}return o},contains(t,n){if(t!=null&&n&&n.length){for(const o of n)if(this.equals(t,o))return!0}return!1},isEmpty(t){return t==null||t===""||Array.isArray(t)&&t.length===0||!(t instanceof Date)&&typeof t=="object"&&Object.keys(t).length===0},isNotEmpty(t){return!this.isEmpty(t)},pickBy(t,n){return Object.fromEntries(Object.entries(t).filter(([o])=>n(o)))},removeFromList(t,n){const o=this.findIndexInList(t,n);return o>-1?n.filter((s,r)=>r!==o):n},isString(t){return typeof t=="string"||t instanceof String},propsToObject(t){return Object.keys(t).reduce((n,o)=>{var s,r,a,c,d;return this.isFunction(t[o])?n[o]=t[o]():Array.isArray(t[o])?n[o]=t[o][0]():(s=t[o])!=null&&s.type&&(Array.isArray(t[o].type)?n[o]=((r=t[o])==null?void 0:r.default)||((a=t[o])==null?void 0:a.type[0]()):n[o]=((c=t[o])==null?void 0:c.default)||((d=t[o])==null?void 0:d.type())),n},{})},filterArray(t,n,o){return t.filter(s=>n.some(r=>typeof r=="string"?s[o]==r:this.equals(s[o],r[o])))},kebabCase(t){var n,o;if(t)return(o=(n=t.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:o.toLowerCase()}},oe={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};function C(t,n){const o={[`${t}`]:!0};return{bemCssClasses:e.computed(()=>Object.keys(n).reduce((r,a)=>{const c=e.unref(n[a])||!1;if(!c)return r;if(a==="modifiers"){const d=Array.isArray(c)?c:[c];return{...r,...d.reduce((i,f)=>({...i,[`${t}--${b.kebabCase(f)}`]:!0}),{})}}else return{...r,[`${t}--${b.kebabCase(a)}`]:c}},o)||{})}}const v=e.defineComponent({__name:"VvIcon",props:oe,setup(t){const n=t,o=e.ref(!0),{modifiers:s}=e.toRefs(n),r=e.inject(q),{bemCssClasses:a}=C("vv-icon",{modifiers:s}),c=e.computed(()=>n.provider||(r==null?void 0:r.provider)),d=e.computed(()=>{const u=n.name||"",l=`@${c.value}:${n.prefix}:${n.name}`;return V.iconExists(u)?u:V.iconExists(l)?l:(r==null?void 0:r.iconsCollections.find(m=>{const p=`@${c.value}:${m.prefix}:${u}`;if(V.iconExists(p))return p}))||u});function i(u){let l=null;if(typeof window>"u"){const{JSDOM:g}=require("jsdom");l=new g().window}return(l?new l.DOMParser:new window.DOMParser).parseFromString(u,"text/html").querySelector("svg")}function f(u){const l=i(u),m=(l==null?void 0:l.innerHTML.trim())||"";l&&m&&V.addIcon(`@${c.value}:${n.prefix}:${n.name}`,{body:m,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return r&&(n.src?(o.value=!1,r.fetchIcon(n.src).then(u=>{u&&(f(u),o.value=!0)}).catch(u=>{throw new Error(`During fetch icon: ${u==null?void 0:u.message}`)})):n.svg&&f(n.svg)),(u,l)=>o.value?(e.openBlock(),e.createBlock(e.unref(V.Icon),e.mergeProps({key:0,class:e.unref(a)},{...u.$props,provider:e.unref(c),icon:e.unref(d)}),null,16,["class"])):e.createCommentVNode("",!0)}});function z(t){const n=e.inject(t,void 0),o=e.computed(()=>b.isNotEmpty(n));function s(r,a,c){if(n!=null&&n.value){const d=e.unref(n.value)[r];return e.computed({get(){return d==null?void 0:d.value},set(i){d.value=i}})}else{const d=e.toRef(a,r);return e.computed({get(){return d.value},set(i){c&&c(`update:${r}`,i)}})}}return{group:n,isInGroup:o,getGroupOrLocalRef:s}}const Z=Symbol("VV_BUTTON_GROUP"),W=Symbol("VV_CHECK_GROUP"),J=Symbol("VV_ACCORDION_GROUP");function ne(t){const{group:n,isInGroup:o,getGroupOrLocalRef:s}=z(Z),{iconPosition:r,icon:a,label:c,selected:d}=e.toRefs(t),i=s("modelValue",t),f=s("disabled",t),u=s("toggle",t),l=s("modifiers",t);return{modelValue:i,disabled:f,toggle:u,isInGroup:o,group:n,modifiers:l,selected:d,iconPosition:r,icon:a,label:c}}const re={key:1,class:"vv-button__label"},se={key:1,class:"vv-button__label"},le=e.defineComponent({__name:"VvButton",props:te,setup(t){const n=t,o=e.useAttrs(),s=e.useSlots(),r=(o==null?void 0:o.name)||F.v4(),{modifiers:a,iconPosition:c,icon:d,label:i,modelValue:f,disabled:u,toggle:l,isInGroup:m}=ne(n),p=e.computed(()=>{switch(!0){case u.value:return w.button;case n.to!==void 0:return w.routerLink;case n.href!==void 0:return w.a;default:return w.button}}),y=e.computed(()=>l.value?Array.isArray(f.value)?b.contains(r,f.value):b.equals(r,f.value):n.active),g=e.computed(()=>l.value?Array.isArray(f.value)?b.contains(r,f.value):b.equals(r,f.value):n.selected),{bemCssClasses:k}=C("vv-button",{modifiers:a,active:y,selected:g,disabled:u,reverse:e.computed(()=>[P.right,P.bottom].includes(c.value)),column:e.computed(()=>[P.top,P.bottom].includes(c.value)),iconOnly:e.computed(()=>(d==null?void 0:d.value)&&!(i!=null&&i.value)&&!s.default)}),B=e.computed(()=>({...A.value,"aria-label":n.label||o["aria-label"],"aria-disabled":u.value,role:"button",class:k.value,to:n.to})),A=e.computed(()=>{const _=p.value===w.a;let D={};return _&&(D=u.value?{href:"javascript:;"}:{target:n.target,href:n.href}),D});function E(){m.value&&(f.value=r)}return(_,D)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),e.mergeProps(e.unref(B),{onClickPassive:E}),{default:e.withCtx(()=>[e.renderSlot(_.$slots,"default",{},()=>[_.loading?e.renderSlot(_.$slots,"loading",{key:0},()=>[_.loadingIcon?(e.openBlock(),e.createBlock(v,{key:0,class:"vv-button__loading-icon",name:_.loadingIcon},null,8,["name"])):e.createCommentVNode("",!0),_.loadingLabel?(e.openBlock(),e.createElementBlock("span",re,e.toDisplayString(_.loadingLabel),1)):e.createCommentVNode("",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(_.$slots,"before"),e.unref(d)?(e.openBlock(),e.createBlock(v,{key:0,class:"vv-button__icon",name:e.unref(d)},null,8,["name"])):e.createCommentVNode("",!0),e.unref(i)?(e.openBlock(),e.createElementBlock("span",se,[e.renderSlot(_.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(i)),1)])])):e.createCommentVNode("",!0),e.renderSlot(_.$slots,"after")],64))])]),_:3},16))}}),ae={...R,value:[String,Number]},ce=e.defineComponent({__name:"VvBadge",props:ae,setup(t){const n=t,{modifiers:o}=e.toRefs(n),{bemCssClasses:s}=C("vv-badge",{modifiers:o});return(r,a)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s)),role:"status"},e.toDisplayString(r.value),3))}}),ie={...R,...L,vertical:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},toggle:{type:Boolean,default:!1},modelValue:{type:String,default:void 0}},de=["update:modelValue"];function T(t){if(Object.keys(t).some(n=>n!=="key"&&!e.isRef(t[n])))throw Error("One or more groupState props aren't ref.");e.provide(t.key,e.computed(()=>t))}const ue=e.defineComponent({__name:"VvButtonGroup",props:ie,emits:de,setup(t,{emit:n}){const o=t,s=O.useVModel(o,"modelValue",n),{disabled:r,vertical:a,compact:c,toggle:d,modifiers:i}=e.toRefs(o),{bemCssClasses:f}=C("vv-button-group",{modifiers:i,vertical:a,compact:c}),u={key:Z,modelValue:s,disabled:r,toggle:d,modifiers:i!=null&&i.value?i:e.ref([])};return T(u),(l,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(f)),role:"group"},[e.renderSlot(l.$slots,"default")],2))}}),fe={title:String,content:String,open:Boolean,iconRight:Boolean,bordered:Boolean,modifiers:[String,Array],disabled:Boolean},pe=["update:open"];function me(t,n){const{group:o,isInGroup:s,getGroupOrLocalRef:r}=z(J),{modifiers:a}=e.toRefs(t),c=r("modelValue",t,n),d=r("bordered",t),i=r("disabled",t),f=r("iconRight",t),u=r("accordion",t);return{modelValue:c,disabled:i,bordered:d,iconRight:f,isInGroup:s,group:o,accordion:u,modifiers:a}}const ge=["open"],ye=["aria-controls","aria-expanded"],he=["aria-hidden"],X=e.defineComponent({__name:"VvAccordion",props:fe,emits:pe,setup(t,{emit:n}){const o=t,s=e.useAttrs(),r=(s==null?void 0:s.name)||F.v4(),{modelValue:a,modifiers:c,bordered:d,disabled:i=e.ref(!1),iconRight:f,isInGroup:u,accordion:l}=me(o,n),m=e.computed(()=>u.value?l.value?b.equals(r,a.value):b.contains(r,a.value):o.open),{bemCssClasses:p}=C("vv-accordion",{modifiers:c,disabled:i,markerRight:e.computed(()=>f.value),bordered:d}),y=k=>{const B=k.target;n("update:open",B.open)},g=k=>{u.value&&(l.value?a.value=m.value?null:r:a.value=m.value?b.removeFromList(r,a.value):[...a.value,r],k.preventDefault())};return(k,B)=>(e.openBlock(),e.createElementBlock("details",{class:e.normalizeClass(e.unref(p)),open:e.unref(m),onToggle:y,onClick:g},[e.createElementVNode("summary",{"aria-controls":`#${e.unref(r)}`,"aria-expanded":e.unref(m),class:"vv-collapse__summary"},[e.renderSlot(k.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(k.title),1)])],8,ye),e.createElementVNode("div",{"aria-hidden":!e.unref(m),class:"vv-collapse__content"},[e.renderSlot(k.$slots,"details",{},()=>[e.createTextVNode(e.toDisplayString(k.content),1)])],8,he)],42,ge))}}),be={modelValue:[String,Array],iconRight:Boolean,bordered:Boolean,items:{type:Array,default:()=>[]},accordion:Boolean,modifiers:[String,Array],disabled:Boolean},ke=["update:open"],Ve=e.defineComponent({__name:"VvAccordionGroup",props:be,emits:ke,setup(t,{emit:n}){const o=t,s=O.useVModel(o,"modelValue",n),{disabled:r,bordered:a,iconRight:c,accordion:d,modifiers:i,items:f}=e.toRefs(o);T({key:J,modelValue:s,disabled:r,bordered:a,iconRight:c,accordion:d});const{bemCssClasses:l}=C("vv-accordion-group",{modifiers:i,disabled:r});return(m,p)=>{var y;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[((y=o.items)==null?void 0:y.length)>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(f),g=>(e.openBlock(),e.createBlock(X,e.mergeProps({key:g.title},{name:g.name,title:g.title,content:g.content,...o}),null,16))),128)):e.renderSlot(m.$slots,"default",{key:1})],2)}}}),_e={...R,routes:Array,multiline:Boolean},Ce={class:"vv-breadcrumb__list"},Be=["content"],Se=e.defineComponent({__name:"VvBreadcrumb",props:_e,setup(t){const n=t,{modifiers:o,multiline:s}=e.toRefs(n),{bemCssClasses:r}=C("vv-breadcrumb",{modifiers:o,multiline:s});return(a,c)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(r)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.routes,(d,i)=>{var f,u,l,m;return e.openBlock(),e.createElementBlock("li",{key:`${d.label}-${i}`,class:e.normalizeClass({"vv-breadcrumb__item":i<Number((f=a.routes)==null?void 0:f.length)-1,"vv-breadcrumb__item-active":i===Number((u=a.routes)==null?void 0:u.length)-1}),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d.to?"router-link":d.href?"a":"span"),e.mergeProps(d,{class:{"vv-breadcrumb__link":i<Number((l=a.routes)==null?void 0:l.length)-1},"aria-current":i===Number((m=a.routes)==null?void 0:m.length)-1?"page":void 0,itemprop:"item"}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label)+" ",1)]),_:2},1040,["class","aria-current"])),e.createElementVNode("meta",{itemprop:"position",content:`${i+1}`},null,8,Be)],2)}),128))])],2))}}),Ae={title:String,modifiers:[String,Array]},Ee={key:0,class:"vv-card__header"},Oe={key:1,class:"vv-card__content"},Ne={key:2,class:"vv-card__footer"},Pe=e.defineComponent({__name:"VvCard",props:Ae,setup(t){const n=t,o=e.useAttrs(),{modifiers:s}=e.toRefs(n),{bemCssClasses:r}=C("vv-card",{modifiers:s}),a=e.computed(()=>o);return(c,d)=>(e.openBlock(),e.createElementBlock("article",e.mergeProps({class:e.unref(r)},e.unref(a)),[c.$slots.header||c.title?(e.openBlock(),e.createElementBlock("header",Ee,[e.renderSlot(c.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(c.title),1)])])):e.createCommentVNode("",!0),e.renderSlot(c.$slots,"default"),c.$slots.content?(e.openBlock(),e.createElementBlock("div",Oe,[e.renderSlot(c.$slots,"content")])):e.createCommentVNode("",!0),c.$slots.footer?(e.openBlock(),e.createElementBlock("footer",Ne,[e.renderSlot(c.$slots,"footer")])):e.createCommentVNode("",!0)],16))}}),we={...H,...U,value:null,modelValue:null,binary:Boolean,trueValue:{type:null,default:!0},falseValue:{type:null,default:!1},switch:Boolean,label:String,disabled:Boolean,readonly:Boolean},Re=["click","update:modelValue","change","focus","blur"];function De(t,n){const{group:o,isInGroup:s,getGroupOrLocalRef:r}=z(W),{valid:a,error:c,switch:d}=e.toRefs(t),i=r("modelValue",t,n),f=r("readonly",t),u=r("disabled",t);return{group:o,isInGroup:s,valid:a,error:c,propsSwitch:d,modelValue:i,readonly:f,disabled:u}}function ve(t,n){const{focused:o}=O.useFocus(t);return e.watch(o,s=>{n(s?"focus":"blur",t.value)}),{focused:o}}const Ge={inheritAttrs:!1},Q=e.defineComponent({...Ge,__name:"VvCheck",props:we,emits:Re,setup(t,{emit:n}){const o=t,s=e.useAttrs(),{disabled:r,readonly:a,valid:c,error:d,propsSwitch:i,modelValue:f}=De(o,n),u=e.ref(),{focused:l}=ve(u,n),m=e.computed(()=>o.binary?b.equals(f.value,o.trueValue):Array.isArray(f.value)?b.contains(o.value,f.value):b.equals(o.value,f.value)),{bemCssClasses:p}=C("vv-input-checkbox",{switch:i,valid:c,invalid:d}),{bemCssClasses:y}=C("vv-input-check__input",{checked:m,disabled:r,readonly:a}),g=e.computed(()=>({[s.class]:!0,...p.value})),k=e.computed(()=>({...y.value,"focus-visible":l.value})),B=e.computed(()=>{const{id:S,name:N,style:M}=s,et=b.pickBy(s,tt=>tt.startsWith("data-"));return{for:S||N,style:M,...et}}),A=e.computed(()=>{const{id:S="",name:N=""}=s;return{type:"checkbox",id:S||N,name:N,value:o.value,disabled:r.value,readonly:a.value,checked:m.value,...E.value}}),E=e.computed(()=>{const{name:S}=s,N=b.pickBy(s,M=>M.startsWith("aria-"));return{"aria-label":S,"aria-checked":m.value,...N}});function _(){if(o.binary){f.value=m.value?o.falseValue:o.trueValue;return}if(f.value===null){f.value=[o.value];return}if(Array.isArray(f.value)){f.value=m.value?b.removeFromList(o.value,f.value):[...f.value,o.value];return}}function D(S){r.value||(n("click",S),n("change",m.value?o.value:null),l.value=!0)}return(S,N)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps({class:e.unref(g)},e.unref(B),{onClick:D}),[e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:u,class:e.unref(k)},e.unref(A),{onInput:_}),null,16),e.renderSlot(S.$slots,"default",{value:e.unref(f)},()=>[e.createTextVNode(e.toDisplayString(S.label),1)])],16))}}),Ie={...H,...U,...$,...ee,modelValue:{type:Array},label:{type:String,default:""},name:{type:String,default:"",required:!0},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},vertical:{type:Boolean,default:!1}},je=["update:modelValue","change"];function Fe(t){const{options:n,optionLabel:o,optionValue:s}=e.toRefs(t);return{options:n,getOptionLabel:c=>typeof c!="object"&&c!==null?c:typeof o.value=="function"?o.value(c):c[o.value],getOptionValue:c=>typeof c!="object"&&c!==null?c:typeof s.value=="function"?s.value(c):c[s.value]}}function G(t){return Array.isArray(t)?t.filter(n=>b.isString(n)).reduce((n,o)=>n.length>0?n+`
+`+o:o,""):t}function qe(t,n){return{name:"HintSlot",props:{params:{type:Object,default:()=>({})}},setup(o){const s=e.toRefs(t),{error:r,valid:a,hint:c,loading:d}=n,{hintLabel:i,modelValue:f,valid:u,validLabel:l,error:m,errorLabel:p}=s,y=b.resolveFieldData(s,"loading"),g=b.resolveFieldData(s,"loadingLabel"),k=e.computed(()=>m.value?!!(m.value&&r||(p==null?void 0:p.value)&&Array.isArray(p.value)&&p.value.length>0||(p==null?void 0:p.value)&&b.isNotEmpty(p.value)):!1),B=e.computed(()=>!!(i&&i.value||c||a||l&&l.value||k.value||(y==null?void 0:y.value)&&d||(y==null?void 0:y.value)&&(g==null?void 0:g.value))),A=e.computed(()=>{const E=O.toReactive({hintLabel:i,modelValue:f,valid:u,validLabel:l,error:m,errorLabel:p,loading:y,loadingLabel:g,...o.params});return m!=null&&m.value?(r==null?void 0:r(E))||G(p==null?void 0:p.value)||(i==null?void 0:i.value):u!=null&&u.value?(a==null?void 0:a(E))||G(l==null?void 0:l.value)||(i==null?void 0:i.value):y!=null&&y.value?(d==null?void 0:d(E))||G(g==null?void 0:g.value)||(i==null?void 0:i.value):(c==null?void 0:c(E))||G(i==null?void 0:i.value)||(i==null?void 0:i.value)});return{hasHint:B,hintContent:A}},render(){if(this.hasHint)return e.h("pre",{style:{"white-space":"pre"}},this.hintContent)}}}const Le=["textContent"],ze={class:"vv-input-checkbox-group__wrapper"},Te=e.defineComponent({__name:"VvCheckGroup",props:Ie,emits:je,setup(t,{emit:n}){const o=t,s=e.useSlots(),r=O.useVModel(o,"modelValue",n),{disabled:a,readonly:c,error:d,valid:i}=e.toRefs(o);T({key:W,modelValue:r,disabled:a,readonly:c});const{getOptionLabel:u,getOptionValue:l}=Fe(o),{bemCssClasses:m}=C("vv-input-checkbox-group",{horizontal:e.computed(()=>!o.vertical),valid:i,invalid:d}),p=(g,k)=>({id:`${o.name}_opt${k}`,name:o.name,label:u(g),value:l(g)}),y=qe(o,s);return(g,k)=>(e.openBlock(),e.createElementBlock("fieldset",{class:e.normalizeClass(e.unref(m))},[g.label?(e.openBlock(),e.createElementBlock("legend",{key:0,textContent:e.toDisplayString(g.label)},null,8,Le)):e.createCommentVNode("",!0),e.createElementVNode("div",ze,[g.options.length>0?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(g.options,(B,A)=>(e.openBlock(),e.createBlock(Q,e.mergeProps({key:A},p(B,A)),null,16))),128)):e.renderSlot(g.$slots,"default",{key:1})]),e.createVNode(e.unref(y),{class:"vv-input-checkbox-group__hint"})],2))}}),I={normal:"",small:"small",fullscreen:"fullscreen"},Me=["open","close","update:open"],He={id:{type:String,required:!0},title:String,open:Boolean,transition:{type:String,default:"fade-block"},size:{type:String,default:I.normal,validator:t=>Object.values(I).includes(t)},autoClose:{type:Boolean,default:!0}},Ue={key:0,class:"vv-dialog__header"},Ke=["onClick"],Ze={class:"vv-dialog__content"},We={key:1,class:"vv-dialog__footer"},Je=e.defineComponent({__name:"VvDialog",props:He,emits:Me,setup(t,{emit:n}){const o=t,s=O.useVModel(o,"open",n),r=e.ref(!0),a=e.ref(null),c=e.computed(()=>{const{id:l}=o;return{id:l,open:r.value}}),d=e.computed(()=>({"vv-dialog":!0,"vv-dialog--small":o.size===I.small,"vv-dialog--fullscreen":o.size===I.fullscreen})),i=e.computed(()=>`vv-dialog--${o.transition}`),f={"after-enter":()=>{r.value=!0,n("open")},"after-leave":()=>{r.value=!1,n("close")}};O.onClickOutside(a,()=>{o.autoClose&&(s.value=!1)});function u(){s.value=!1}return(l,m)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(i)},e.toHandlers(f)),{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("dialog",e.mergeProps(e.unref(c),{class:e.unref(d)}),[e.createElementVNode("article",{ref_key:"modalWrapper",ref:a,class:"vv-dialog__wrapper"},[l.$slots.header||l.title?(e.openBlock(),e.createElementBlock("header",Ue,[e.renderSlot(l.$slots,"header",{},()=>[e.createTextVNode(e.toDisplayString(l.title)+" ",1),e.createElementVNode("button",{type:"button","aria-label":"Close",class:"vv-dialog__close",onClick:e.withModifiers(u,["prevent"])},[e.createVNode(v,{name:"close"})],8,Ke)])])):e.createCommentVNode("",!0),e.createElementVNode("div",Ze,[e.renderSlot(l.$slots,"default")]),l.$slots.footer?(e.openBlock(),e.createElementBlock("footer",We,[e.renderSlot(l.$slots,"footer")])):e.createCommentVNode("",!0)],512)],16),[[e.vShow,e.unref(s)]])]),_:3},16,["name"]))}}),Xe={...L,...R,modelValue:[String,Array,Object],labelNoResult:{type:String,default:"No results"},options:{type:Array,required:!0},useObject:Boolean,multiple:Boolean,maxValues:[Number,String],labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"}},Qe={key:0},Ye=["for"],xe=["id","type","value","checked","disabled"],$e=e.defineComponent({__name:"VvDropdown",props:Xe,emits:["update:modelValue"],setup(t,{emit:n}){const o=t,s=F.v4(),{modifiers:r,disabled:a}=e.toRefs(o),{bemCssClasses:c}=C("vv-dropdown",{modifiers:r,disabled:a});function d(l){return Array.isArray(o.modelValue)?b.contains(l,o.modelValue)||b.contains(i(l),o.modelValue):b.equals(l,o.modelValue)||b.equals(i(l),o.modelValue)}function i(l){return typeof l=="string"?l:String(l[o.valueKey])}function f(l){return typeof l=="string"?l:l[o.labelKey]}function u(l){var g,k;const m=l.target;let p=m.value;if(p=(o.useObject?(g=o.options)==null?void 0:g.find(B=>B[o.valueKey]==p):null)||p,o.multiple){if(typeof o.maxValues<"u"&&o.maxValues>=0&&((k=o.modelValue)==null?void 0:k.length)>=o.maxValues&&(Array.isArray(o.modelValue)&&!b.contains(p,o.modelValue)||o.maxValues==0)){m.checked=!1;return}Array.isArray(o.modelValue)?p=b.contains(p,o.modelValue)?b.removeFromList(p,o.modelValue):[...o.modelValue,p]:p=[p]}n("update:modelValue",p)}return(l,m)=>{var p;return e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(c)),role:"listbox"},[(p=l.options)!=null&&p.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",Qe,[e.createElementVNode("label",null,e.toDisplayString(l.labelNoResult),1)])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,(y,g)=>{var k;return e.openBlock(),e.createElementBlock("li",{key:g},[e.createElementVNode("label",{for:`dropdown-${g}-${e.unref(s)}`},[e.createElementVNode("input",{id:`dropdown-${g}-${e.unref(s)}`,type:l.multiple?"checkbox":"radio",value:i(y),checked:d(y),disabled:typeof y=="object"&&(k=y.disabled)!=null?k:e.unref(a),onInput:u},null,40,xe),e.createTextVNode(" "+e.toDisplayString(f(y)),1)],8,Ye)])}),128))],2)}}});h.VolverPlugin=x,h.VvAccordion=X,h.VvAccordionGroup=Ve,h.VvBadge=ce,h.VvBreadcrumb=Se,h.VvButton=le,h.VvButtonGroup=ue,h.VvCard=Pe,h.VvCheck=Q,h.VvCheckGroup=Te,h.VvDialog=Je,h.VvDropdown=$e,h.VvIcon=v,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/props/index.d.ts

@@ -1,3 +1,4 @@
+import type { PropType } from 'vue';
 export declare const ValidProps: {
     valid: BooleanConstructor;
     validLabel: (StringConstructor | ArrayConstructor)[];
@@ -17,7 +18,7 @@ export declare const ReadonlyProps: {
     readonly: BooleanConstructor;
 };
 export declare const ModifiersProps: {
-    modifiers: (StringConstructor | ArrayConstructor)[];
+    modifiers: PropType<string | string[]>;
 };
 export declare const HintProps: {
     hintLabel: {

package/dist/stories/RadioGroup/RadioOption.test.d.ts

@@ -0,0 +1,4 @@
+import type { PlayAttributes } from '@/test/types';
+declare function radioOptionsTest({ canvasElement, ...data }: PlayAttributes): Promise<void>;
+declare function arrayOptionsTest({ canvasElement, ...data }: PlayAttributes): Promise<void>;
+export { radioOptionsTest, arrayOptionsTest };

package/dist/stories/RadioGroup/RadioProperty.test.d.ts

@@ -6,7 +6,7 @@ interface RadioConfig {
     child?: number;
     propName?: string;
 }
-declare function radioGroupTest({ canvasElement, ...data }?: PlayAttributes, { isClickDisabled, className, isVertical }?: RadioConfig): Promise<void>;
+declare function radioGroupTest({ canvasElement }?: PlayAttributes, { isClickDisabled, className, isVertical }?: RadioConfig): Promise<void>;
 declare function labelTest({ canvasElement, ...data }?: PlayAttributes, { child, propName }?: RadioConfig): Promise<void>;
 declare function readonlyTest({ canvasElement, ...data }?: PlayAttributes): Promise<void>;
 export { radioGroupTest, labelTest, readonlyTest };

package/dist/stories/RadioGroup/RadioSlots.test.d.ts

@@ -0,0 +1,6 @@
+import type { PlayAttributes } from '@/test/types';
+interface RadioConfig {
+    className?: string;
+}
+declare function slotsTest({ canvasElement, ...args }?: PlayAttributes, { className }?: RadioConfig): Promise<void>;
+export { slotsTest };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@volverjs/ui-vue",
   "description": "@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/ui.",
-  "version": "0.0.1-beta.11",
+  "version": "0.0.1-beta.12",
   "type": "module",
   "files": [
     "src",
@@ -55,7 +55,7 @@
     "@types/react": "^18.0.25",
     "@types/uuid": "^8.3.4",
     "@vitejs/plugin-vue": "^3.2.0",
-    "@volverjs/style": "^0.1.2-beta.7",
+    "@volverjs/style": "0.1.2-beta.23",
     "@vue/compiler-sfc": "^3.2.42",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",