@volverjs/ui-vue 0.0.12 → 0.0.13-beta.2

package/dist/components/VvAccordion/VvAccordion.es.js

@@ -1 +1 @@
-import{inject as e,computed as o,toRef as a,unref as t,defineComponent as n,useAttrs as r,useId as i,toRefs as u,ref as l,watch as s,onBeforeUnmount as d,createElementBlock as c,openBlock as p,normalizeClass as v,createElementVNode as m,withModifiers as f,renderSlot as g,normalizeProps as b,guardReactiveProps as y,createTextVNode as x,toDisplayString as A}from"vue";import{useVModel as E}from"@vueuse/core";var $=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))($||{}),h=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(h||{}),k=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(k||{}),G=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(G||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{});const V=Symbol.for("accordionGroup"),B={modifiers:{type:[String,Array],default:void 0}};k.before,h.bottom,G.button,S.button,$.local;const C={...B,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function I(t){const{group:n,isInGroup:r}=function(t){const n=e(t,void 0),r=o(()=>void 0!==n);return{group:n,isInGroup:r,getGroupOrLocalRef:function(e,t,r){const i=n?.[e];if(i)return o({get:()=>i.value,set(e){i.value=e}});const u=a(t,e);return o({get:()=>u.value,set(o){r&&r(`update:${e}`,o)}})}}}(V),i=o(()=>Boolean(t.disabled||n?.disabled.value)),u=o(()=>{let e=t.modifiers,o=n?.modifiers.value;const a=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>a.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>a.add(e))),Array.from(a)});return{isInGroup:r,group:n,modifiers:u,disabled:i,bus:n?.bus}}const _=["id","open"],w=["aria-controls","aria-expanded"],L=["aria-hidden"],O=/* @__PURE__ */n({name:"VvAccordion",props:C,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const $=e,h=n,k=r(),G=E($,"modelValue",h),S=o(()=>$.name||k?.id||i()),{title:V,content:B,not:C}=u($),{isInGroup:O,modifiers:Y,disabled:j,bus:R}=I($),q=l(!1);function z(){j.value||(O.value?R?.emit("toggle",{name:S.value,value:!q.value}):q.value=!q.value)}function D(){q.value||z()}function F(){q.value&&z()}function H(e){R?R.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${S.value}" but it is not in a group`)}function J(e){R?R?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${S.value}" but it is not in a group`)}s(G,e=>{"boolean"==typeof e&&(q.value=C.value?!e:e)},{immediate:!0}),s(q,e=>{G.value=C.value?!e:e}),R?.on("toggle",({name:e,value:o})=>{e===S.value&&(q.value=o)}),s(S,(e,o)=>{R&&(o&&o!==e&&R.emit("unregister",{name:o}),R.emit("register",{name:e}))},{immediate:!0}),d(()=>{R&&R.emit("unregister",{name:S.value})}),a({isExpanded:q,expand:D,collapse:F,groupExpand:H,groupCollapse:J});const K=function(e,a,n){return o(()=>{const o={[e]:!0},r="string"==typeof a?.value?a.value.split(" "):a?.value;return r&&Array.isArray(r)&&r.forEach(a=>{a&&(o[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{o[`${e}--${a}`]=t(n.value[a])}),o})}("vv-accordion",Y,o(()=>({disabled:j.value})));return(e,o)=>(p(),c("details",{id:t(S),class:v(t(K)),open:t(q)},[m("summary",{"aria-controls":t(S),"aria-expanded":t(q),class:"vv-accordion__summary",onClick:o[0]||(o[0]=f(e=>z(),["prevent"]))},[g(e.$slots,"summary",b(y({isExpanded:t(q),expand:D,collapse:F,groupExpand:H,groupCollapse:J})),()=>[x(A(t(V)),1)])],8,w),m("div",{"aria-hidden":!t(q),class:"vv-accordion__content"},[g(e.$slots,"default",b(y({isExpanded:t(q),expand:D,collapse:F,groupExpand:H,groupCollapse:J})),()=>[x(A(t(B)),1)])],8,L)],10,_))}});export{O as default};
+import{inject as e,computed as o,toRef as a,unref as t,defineComponent as n,useAttrs as r,useId as i,toRefs as u,ref as l,watch as s,onBeforeUnmount as d,createElementBlock as c,openBlock as p,normalizeClass as v,createElementVNode as m,withModifiers as f,renderSlot as g,normalizeProps as b,guardReactiveProps as y,createTextVNode as x,toDisplayString as A}from"vue";import{useVModel as E}from"@vueuse/core";var $=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))($||{}),h=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(h||{}),k=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(k||{}),G=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(G||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{});const V=/* @__PURE__ */Symbol.for("accordionGroup"),B={modifiers:{type:[String,Array],default:void 0}};k.before,h.bottom,G.button,S.button,$.local;const C={...B,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function I(t){const{group:n,isInGroup:r}=function(t){const n=e(t,void 0),r=o(()=>void 0!==n);return{group:n,isInGroup:r,getGroupOrLocalRef:function(e,t,r){const i=n?.[e];if(i)return o({get:()=>i.value,set(e){i.value=e}});const u=a(t,e);return o({get:()=>u.value,set(o){r&&r(`update:${e}`,o)}})}}}(V),i=o(()=>Boolean(t.disabled||n?.disabled.value)),u=o(()=>{let e=t.modifiers,o=n?.modifiers.value;const a=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>a.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>a.add(e))),Array.from(a)});return{isInGroup:r,group:n,modifiers:u,disabled:i,bus:n?.bus}}const _=["id","open"],w=["aria-controls","aria-expanded"],L=["aria-hidden"],O=/* @__PURE__ */n({name:"VvAccordion",props:C,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const $=e,h=n,k=r(),G=E($,"modelValue",h),S=o(()=>$.name||k?.id||i()),{title:V,content:B,not:C}=u($),{isInGroup:O,modifiers:Y,disabled:j,bus:R}=I($),q=l(!1);function z(){j.value||(O.value?R?.emit("toggle",{name:S.value,value:!q.value}):q.value=!q.value)}function D(){q.value||z()}function F(){q.value&&z()}function H(e){R?R.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${S.value}" but it is not in a group`)}function J(e){R?R?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${S.value}" but it is not in a group`)}s(G,e=>{"boolean"==typeof e&&(q.value=C.value?!e:e)},{immediate:!0}),s(q,e=>{G.value=C.value?!e:e}),R?.on("toggle",({name:e,value:o})=>{e===S.value&&(q.value=o)}),s(S,(e,o)=>{R&&(o&&o!==e&&R.emit("unregister",{name:o}),R.emit("register",{name:e}))},{immediate:!0}),d(()=>{R&&R.emit("unregister",{name:S.value})}),a({isExpanded:q,expand:D,collapse:F,groupExpand:H,groupCollapse:J});const K=function(e,a,n){return o(()=>{const o={[e]:!0},r="string"==typeof a?.value?a.value.split(" "):a?.value;return r&&Array.isArray(r)&&r.forEach(a=>{a&&(o[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{o[`${e}--${a}`]=t(n.value[a])}),o})}("vv-accordion",Y,o(()=>({disabled:j.value})));return(e,o)=>(p(),c("details",{id:t(S),class:v(t(K)),open:t(q)},[m("summary",{"aria-controls":t(S),"aria-expanded":t(q),class:"vv-accordion__summary",onClick:o[0]||(o[0]=f(e=>z(),["prevent"]))},[g(e.$slots,"summary",b(y({isExpanded:t(q),expand:D,collapse:F,groupExpand:H,groupCollapse:J})),()=>[x(A(t(V)),1)])],8,w),m("div",{"aria-hidden":!t(q),class:"vv-accordion__content"},[g(e.$slots,"default",b(y({isExpanded:t(q),expand:D,collapse:F,groupExpand:H,groupCollapse:J})),()=>[x(A(t(B)),1)])],8,L)],10,_))}});export{O as default};

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     name: StringConstructor;
     title: StringConstructor;
@@ -13,10 +15,15 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         default: undefined;
     };
 }>, {
+    /** Whether the accordion is expanded */
     isExpanded: globalThis.Ref<boolean, boolean>;
+    /** Expand the accordion */
     expand: () => void;
+    /** Collapse the accordion */
     collapse: () => void;
+    /** Expand accordions in the same group */
     groupExpand: (name?: string | string[]) => void;
+    /** Collapse accordions in the same group */
     groupCollapse: (name?: string | string[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     name: StringConstructor;
@@ -54,8 +61,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         groupCollapse: (name?: string | string[]) => void;
     }) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js

@@ -1,2 +1,2 @@
-import{inject as e,computed as o,toRef as a,unref as t,defineComponent as n,useAttrs as l,useId as r,toRefs as i,ref as s,watch as u,onBeforeUnmount as d,createElementBlock as c,openBlock as v,normalizeClass as m,createElementVNode as p,withModifiers as f,renderSlot as g,normalizeProps as y,guardReactiveProps as b,createTextVNode as A,toDisplayString as x,onMounted as S,isRef as $,provide as V,watchEffect as w,reactive as h,nextTick as E,Fragment as k,renderList as G,createBlock as _,mergeProps as B,createSlots as I,withCtx as C}from"vue";import L from"mitt";import{useVModel as O,useStorage as j}from"@vueuse/core";var K=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(K||{}),M=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(M||{}),T=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(T||{}),Y=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(Y||{}),z=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(z||{});const R=Symbol.for("accordionGroup"),q={modifiers:{type:[String,Array],default:void 0}};T.before,M.bottom,Y.button,z.button;const D={storageType:{type:String,default:K.local,validator:e=>Object.values(K).includes(e)},storageKey:String},F={...q,...D,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const H={...q,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function J(t){const{group:n,isInGroup:l}=function(t){const n=e(t,void 0),l=o(()=>void 0!==n);return{group:n,isInGroup:l,getGroupOrLocalRef:function(e,t,l){const r=n?.[e];if(r)return o({get:()=>r.value,set(e){r.value=e}});const i=a(t,e);return o({get:()=>i.value,set(o){l&&l(`update:${e}`,o)}})}}}(R),r=o(()=>Boolean(t.disabled||n?.disabled.value)),i=o(()=>{let e=t.modifiers,o=n?.modifiers.value;const a=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>a.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>a.add(e))),Array.from(a)});return{isInGroup:l,group:n,modifiers:i,disabled:r,bus:n?.bus}}function N(e,a,n){return o(()=>{const o={[e]:!0},l="string"==typeof a?.value?a.value.split(" "):a?.value;return l&&Array.isArray(l)&&l.forEach(a=>{a&&(o[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{o[`${e}--${a}`]=t(n.value[a])}),o})}const P=["id","open"],Q=["aria-controls","aria-expanded"],U=["aria-hidden"],W=/* @__PURE__ */n({name:"VvAccordion",props:H,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const S=e,$=n,V=l(),w=O(S,"modelValue",$),h=o(()=>S.name||V?.id||r()),{title:E,content:k,not:G}=i(S),{isInGroup:_,modifiers:B,disabled:I,bus:C}=J(S),L=s(!1);function j(){I.value||(_.value?C?.emit("toggle",{name:h.value,value:!L.value}):L.value=!L.value)}function K(){L.value||j()}function M(){L.value&&j()}function T(e){C?C.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${h.value}" but it is not in a group`)}function Y(e){C?C?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${h.value}" but it is not in a group`)}u(w,e=>{"boolean"==typeof e&&(L.value=G.value?!e:e)},{immediate:!0}),u(L,e=>{w.value=G.value?!e:e}),C?.on("toggle",({name:e,value:o})=>{e===h.value&&(L.value=o)}),u(h,(e,o)=>{C&&(o&&o!==e&&C.emit("unregister",{name:o}),C.emit("register",{name:e}))},{immediate:!0}),d(()=>{C&&C.emit("unregister",{name:h.value})}),a({isExpanded:L,expand:K,collapse:M,groupExpand:T,groupCollapse:Y});const z=N("vv-accordion",B,o(()=>({disabled:I.value})));return(e,o)=>(v(),c("details",{id:t(h),class:m(t(z)),open:t(L)},[p("summary",{"aria-controls":t(h),"aria-expanded":t(L),class:"vv-accordion__summary",onClick:o[0]||(o[0]=f(e=>j(),["prevent"]))},[g(e.$slots,"summary",y(b({isExpanded:t(L),expand:K,collapse:M,groupExpand:T,groupCollapse:Y})),()=>[A(x(t(E)),1)])],8,Q),p("div",{"aria-hidden":!t(L),class:"vv-accordion__content"},[g(e.$slots,"default",y(b({isExpanded:t(L),expand:K,collapse:M,groupExpand:T,groupCollapse:Y})),()=>[A(x(t(k)),1)])],8,U)],10,P))}});const X=/* @__PURE__ */n({name:"VvAccordionGroup",props:F,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const l=e,r=n,{disabled:d,modifiers:p,itemModifiers:f,items:A,storageKey:x,storageType:O}=i(l);w(()=>{"string"==typeof l.modelValue&&l.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const M=h(/* @__PURE__ */new Set),T=function(e,o=K.local,a){const n=s();let l;return a&&(n.value=a),S(()=>{e&&u(e,(e,a)=>{const r=t(o)===K.session?sessionStorage:localStorage;if(a&&a!==e&&r.removeItem(a),e)return l=j(e,l?.value??n.value,r),void(l.value&&(n.value=l.value));l=void 0},{immediate:!0}),$(o)&&u(o,(o,a)=>{if(e?.value){if(o){const a=o===K.session?sessionStorage:localStorage;l=j(e.value,l?.value??n.value,a)}a&&a!==o&&(a===K.session?sessionStorage:localStorage).removeItem(e.value)}})}),u(n,e=>{l&&(l.value=e)},{deep:!0,immediate:!0}),n}(x,O,[]),Y=o({get:()=>null!==l.modelValue&&void 0!==l.modelValue?l.modelValue:T.value,set:e=>{r("update:modelValue",e),T.value=e}}),z=o({get:()=>{if(void 0===Y.value)/* @__PURE__ */
+import{inject as e,computed as o,toRef as a,unref as t,defineComponent as n,useAttrs as l,useId as r,toRefs as i,ref as s,watch as u,onBeforeUnmount as d,createElementBlock as c,openBlock as v,normalizeClass as m,createElementVNode as p,withModifiers as f,renderSlot as g,normalizeProps as y,guardReactiveProps as b,createTextVNode as A,toDisplayString as x,onMounted as S,isRef as $,provide as V,watchEffect as w,reactive as h,nextTick as E,Fragment as k,renderList as G,createBlock as _,mergeProps as B,createSlots as I,withCtx as C}from"vue";import L from"mitt";import{useVModel as O,useStorage as j}from"@vueuse/core";var K=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(K||{}),M=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(M||{}),T=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(T||{}),Y=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(Y||{}),z=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(z||{});const R=/* @__PURE__ */Symbol.for("accordionGroup"),q={modifiers:{type:[String,Array],default:void 0}};T.before,M.bottom,Y.button,z.button;const D={storageType:{type:String,default:K.local,validator:e=>Object.values(K).includes(e)},storageKey:String},F={...q,...D,modelValue:{type:[String,Array],default:void 0},items:{type:Array,default:()=>[]},collapse:Boolean,itemModifiers:{type:[String,Array],default:""},disabled:Boolean,not:Boolean};const H={...q,name:String,title:String,content:String,modelValue:{type:Boolean,default:void 0},disabled:Boolean,not:Boolean};function J(t){const{group:n,isInGroup:l}=function(t){const n=e(t,void 0),l=o(()=>void 0!==n);return{group:n,isInGroup:l,getGroupOrLocalRef:function(e,t,l){const r=n?.[e];if(r)return o({get:()=>r.value,set(e){r.value=e}});const i=a(t,e);return o({get:()=>i.value,set(o){l&&l(`update:${e}`,o)}})}}}(R),r=o(()=>Boolean(t.disabled||n?.disabled.value)),i=o(()=>{let e=t.modifiers,o=n?.modifiers.value;const a=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>a.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>a.add(e))),Array.from(a)});return{isInGroup:l,group:n,modifiers:i,disabled:r,bus:n?.bus}}function N(e,a,n){return o(()=>{const o={[e]:!0},l="string"==typeof a?.value?a.value.split(" "):a?.value;return l&&Array.isArray(l)&&l.forEach(a=>{a&&(o[`${e}--${a}`]=!0)}),n&&Object.keys(n.value).forEach(a=>{o[`${e}--${a}`]=t(n.value[a])}),o})}const P=["id","open"],Q=["aria-controls","aria-expanded"],U=["aria-hidden"],W=/* @__PURE__ */n({name:"VvAccordion",props:H,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const S=e,$=n,V=l(),w=O(S,"modelValue",$),h=o(()=>S.name||V?.id||r()),{title:E,content:k,not:G}=i(S),{isInGroup:_,modifiers:B,disabled:I,bus:C}=J(S),L=s(!1);function j(){I.value||(_.value?C?.emit("toggle",{name:h.value,value:!L.value}):L.value=!L.value)}function K(){L.value||j()}function M(){L.value&&j()}function T(e){C?C.emit("expand",{name:e}):console.warn(`[VvAccordion]: You are trying to expand accordion group of "${h.value}" but it is not in a group`)}function Y(e){C?C?.emit("collapse",{name:e}):console.warn(`[VvAccordion]: You are trying to collapse accordion group of "${h.value}" but it is not in a group`)}u(w,e=>{"boolean"==typeof e&&(L.value=G.value?!e:e)},{immediate:!0}),u(L,e=>{w.value=G.value?!e:e}),C?.on("toggle",({name:e,value:o})=>{e===h.value&&(L.value=o)}),u(h,(e,o)=>{C&&(o&&o!==e&&C.emit("unregister",{name:o}),C.emit("register",{name:e}))},{immediate:!0}),d(()=>{C&&C.emit("unregister",{name:h.value})}),a({isExpanded:L,expand:K,collapse:M,groupExpand:T,groupCollapse:Y});const z=N("vv-accordion",B,o(()=>({disabled:I.value})));return(e,o)=>(v(),c("details",{id:t(h),class:m(t(z)),open:t(L)},[p("summary",{"aria-controls":t(h),"aria-expanded":t(L),class:"vv-accordion__summary",onClick:o[0]||(o[0]=f(e=>j(),["prevent"]))},[g(e.$slots,"summary",y(b({isExpanded:t(L),expand:K,collapse:M,groupExpand:T,groupCollapse:Y})),()=>[A(x(t(E)),1)])],8,Q),p("div",{"aria-hidden":!t(L),class:"vv-accordion__content"},[g(e.$slots,"default",y(b({isExpanded:t(L),expand:K,collapse:M,groupExpand:T,groupCollapse:Y})),()=>[A(x(t(k)),1)])],8,U)],10,P))}});const X=/* @__PURE__ */n({name:"VvAccordionGroup",props:F,emits:["update:modelValue"],setup(e,{expose:a,emit:n}){const l=e,r=n,{disabled:d,modifiers:p,itemModifiers:f,items:A,storageKey:x,storageType:O}=i(l);w(()=>{"string"==typeof l.modelValue&&l.collapse&&console.warn("[VvAccordionGroup]: modelValue is a string but collapse is true.")});const M=h(/* @__PURE__ */new Set),T=function(e,o=K.local,a){const n=s();let l;return a&&(n.value=a),S(()=>{e&&u(e,(e,a)=>{const r=t(o)===K.session?sessionStorage:localStorage;if(a&&a!==e&&r.removeItem(a),e)return l=j(e,l?.value??n.value,r),void(l.value&&(n.value=l.value));l=void 0},{immediate:!0}),$(o)&&u(o,(o,a)=>{if(e?.value){if(o){const a=o===K.session?sessionStorage:localStorage;l=j(e.value,l?.value??n.value,a)}a&&a!==o&&(a===K.session?sessionStorage:localStorage).removeItem(e.value)}})}),u(n,e=>{l&&(l.value=e)},{deep:!0,immediate:!0}),n}(x,O,[]),Y=o({get:()=>null!==l.modelValue&&void 0!==l.modelValue?l.modelValue:T.value,set:e=>{r("update:modelValue",e),T.value=e}}),z=o({get:()=>{if(void 0===Y.value)/* @__PURE__ */
 return new Set;let e=/* @__PURE__ */new Set;return l.not?"string"==typeof Y.value?e=new Set([...M].filter(e=>e!==Y.value)):Array.isArray(Y.value)&&(e=new Set([...M].filter(e=>!Y.value.includes(e)))):"string"==typeof Y.value?e=/* @__PURE__ */new Set([Y.value]):Array.isArray(Y.value)&&(e=new Set(Y.value)),e},set:e=>{l.not?Y.value=[...M].filter(o=>!e.has(o)):l.collapse?Y.value=[...e]:Y.value=e.values().next().value}});S(()=>{l.not&&void 0===Y.value&&(Y.value=l.collapse?[]:[...M.values()].splice(1,M.size)),E(()=>{for(const e of M)q.emit("toggle",{name:e,value:z.value.has(e)})})});const q=L();function D(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)q.emit("toggle",{name:o,value:!0});else for(const o of M)q.emit("toggle",{name:o,value:!0});else q.emit("toggle",{name:e,value:!0})}function F(e){if("string"!=typeof e)if(Array.isArray(e))for(const o of e)q.emit("toggle",{name:o,value:!1});else for(const o of M)q.emit("toggle",{name:o,value:!1});else q.emit("toggle",{name:e,value:!1})}V(R,{disabled:d,modifiers:f,bus:q}),q.on("register",({name:e})=>{M.add(e)}),q.on("unregister",({name:e})=>{M.delete(e)}),q.on("toggle",({name:e,value:o})=>{const a=new Set(z.value);if(o){if(!l.collapse){for(const o of a)o!==e&&q.emit("toggle",{name:o,value:!1});a.clear()}return a.add(e),void(z.value=a)}a.delete(e),z.value=a}),q.on("expand",({name:e})=>D(e)),q.on("collapse",({name:e})=>F(e)),a({expandedAccordions:z,expand:D,collapse:F});const H=N("vv-accordion-group",p,o(()=>({disabled:d.value})));return(e,o)=>(v(),c("div",{class:m(t(H))},[g(e.$slots,"default",y(b({expandedAccordions:t(z),expand:D,collapse:F})),()=>[(v(!0),c(k,null,G(t(A),o=>(v(),_(W,B({key:o.title},{ref_for:!0},{name:o.name,title:o.title,content:o.content}),I({_:2},[e.$slots[`summary::${o.name}`]?{name:"summary",fn:C(a=>[g(e.$slots,`summary::${o.name}`,B({ref_for:!0},a))]),key:"0"}:void 0,e.$slots[`content::${o.name}`]?{name:"default",fn:C(a=>[g(e.$slots,`content::${o.name}`,B({ref_for:!0},a))]),key:"1"}:void 0]),1040))),128))])],2))}});export{X as default};

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modelValue: {
         type: PropType<string | string[] | undefined>;
@@ -25,8 +27,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         default: undefined;
     };
 }>, {
+    /** Expanded accordions names */
     expandedAccordions: globalThis.WritableComputedRef<Set<string>, Set<string>>;
+    /** Expand accordion by name, expand all if no name is provided */
     expand: (name?: string | string[]) => void;
+    /** Collapse accordion by name, collapse all if no name is provided */
     collapse: (name?: string | string[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: {
@@ -86,8 +91,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         collapse: (name?: string | string[]) => void;
     }) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvAction/VvAction.es.js

@@ -1 +1 @@
-import{inject as e,defineComponent as t,getCurrentInstance as o,ref as r,watch as a,computed as n,resolveComponent as l,createBlock as u,openBlock as s,resolveDynamicComponent as i,unref as d,mergeProps as c,withCtx as v,renderSlot as f,createTextVNode as b,toDisplayString as p}from"vue";var m=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(m||{}),g=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(g||{}),y=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(y||{}),k=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(k||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{});const L=Symbol.for("volver"),h=Symbol.for("dropdownTrigger"),x=Symbol.for("dropdownAction"),w={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},B={disabled:{type:Boolean,default:!1}},M={active:{type:Boolean,default:!1}},P={current:{type:Boolean,default:!1}},T={pressed:{type:Boolean,default:!1}},j={label:{type:[String,Number],default:void 0}};y.before,g.bottom;const A={...B,...j,...T,...M,...P,...w,type:{type:String,default:k.button,validator:e=>Object.values(k).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:S.button}};m.local;const C=/* @__PURE__ */t({name:"VvAction",props:A,emits:["click","mouseover","mouseleave"],setup(t,{expose:m,emit:g}){const y=t,k=g,w=o(),B=e(L,void 0),M=r(null);m({$el:M});const{reference:P,bus:T,aria:j,expanded:A}=e(h,{});a(()=>M.value,e=>{P&&(P.value=e)});const C=n(()=>y.pressed||A?.value),{role:O}=e(x,{}),$=n(()=>{switch(!0){case y.disabled:return S.button;case void 0!==y.to:return B?.nuxt?l(S.nuxtLink):S.routerLink;case void 0!==y.href:return S.a;default:return y.defaultTag}}),_=n(()=>{const e={...j?.value,ariaPressed:!!C.value||void 0,ariaLabel:y.ariaLabel,role:O?.value};switch($.value){case S.a:return{...e,href:y.href,target:y.target,rel:y.rel};case S.routerLink:case S.nuxtLink:return{...e,to:y.to,target:y.target};case S.button:return{...e,type:y.type,disabled:y.disabled};default:return e}});function D(e){y.disabled?e.preventDefault():w?.vnode.props?.onClick?k("click",e):T?.emit("click",e)}function N(e){w?.vnode.props?.onMouseover?k("mouseover",e):T?.emit("mouseover",e)}function V(e){w?.vnode.props?.onMouseleave?k("mouseleave",e):T?.emit("mouseleave",e)}return(e,t)=>(s(),u(i(d($)),c(d(_),{ref_key:"element",ref:M,class:{active:e.active,pressed:d(C),disabled:e.disabled,current:e.current},onClickPassive:D,onMouseoverPassive:N,onMouseleavePassive:V}),{default:v(()=>[f(e.$slots,"default",{},()=>[b(p(e.label),1)])]),_:3},16,["class"]))}});export{C as default};
+import{inject as e,defineComponent as t,getCurrentInstance as o,ref as r,watch as a,computed as n,resolveComponent as l,createBlock as u,openBlock as s,resolveDynamicComponent as i,unref as d,mergeProps as c,withCtx as v,renderSlot as f,createTextVNode as b,toDisplayString as p}from"vue";var m=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(m||{}),g=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(g||{}),y=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(y||{}),k=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(k||{}),S=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(S||{});const L=/* @__PURE__ */Symbol.for("volver"),h=/* @__PURE__ */Symbol.for("dropdownTrigger"),x=/* @__PURE__ */Symbol.for("dropdownAction"),w={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},B={disabled:{type:Boolean,default:!1}},M={active:{type:Boolean,default:!1}},P={current:{type:Boolean,default:!1}},T={pressed:{type:Boolean,default:!1}},j={label:{type:[String,Number],default:void 0}};y.before,g.bottom;const A={...B,...j,...T,...M,...P,...w,type:{type:String,default:k.button,validator:e=>Object.values(k).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:S.button}};m.local;const C=/* @__PURE__ */t({name:"VvAction",props:A,emits:["click","mouseover","mouseleave"],setup(t,{expose:m,emit:g}){const y=t,k=g,w=o(),B=e(L,void 0),M=r(null);m({$el:M});const{reference:P,bus:T,aria:j,expanded:A}=e(h,{});a(()=>M.value,e=>{P&&(P.value=e)});const C=n(()=>y.pressed||A?.value),{role:O}=e(x,{}),$=n(()=>{switch(!0){case y.disabled:return S.button;case void 0!==y.to:return B?.nuxt?l(S.nuxtLink):S.routerLink;case void 0!==y.href:return S.a;default:return y.defaultTag}}),_=n(()=>{const e={...j?.value,ariaPressed:!!C.value||void 0,ariaLabel:y.ariaLabel,role:O?.value};switch($.value){case S.a:return{...e,href:y.href,target:y.target,rel:y.rel};case S.routerLink:case S.nuxtLink:return{...e,to:y.to,target:y.target};case S.button:return{...e,type:y.type,disabled:y.disabled};default:return e}});function D(e){y.disabled?e.preventDefault():w?.vnode.props?.onClick?k("click",e):T?.emit("click",e)}function E(e){w?.vnode.props?.onMouseover?k("mouseover",e):T?.emit("mouseover",e)}function N(e){w?.vnode.props?.onMouseleave?k("mouseleave",e):T?.emit("mouseleave",e)}return(e,t)=>(s(),u(i(d($)),c(d(_),{ref_key:"rootEl",ref:M,class:{active:e.active,pressed:d(C),disabled:e.disabled,current:e.current},onClickPassive:D,onMouseoverPassive:E,onMouseleavePassive:N}),{default:v(()=>[f(e.$slots,"default",{},()=>[b(p(e.label),1)])]),_:3},16,["class"]))}});export{C as default};

package/dist/components/VvAction/VvAction.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAction=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),u=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),s={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={disabled:{type:Boolean,default:!1}},c={active:{type:Boolean,default:!1}},f={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},v={label:{type:[String,Number],default:void 0}};r.before,o.bottom;const b={...d,...v,...p,...c,...f,...s,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};t.local;const m=b;return e.defineComponent({name:"VvAction",props:m,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,s=r,d=e.getCurrentInstance(),c=e.inject(l,void 0),f=e.ref(null);o({$el:f});const{reference:p,bus:v,aria:b,expanded:m}=e.inject(u,{});e.watch(()=>f.value,e=>{p&&(p.value=e)});const g=e.computed(()=>n.pressed||m?.value),{role:y}=e.inject(i,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return c?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...b?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function S(e){n.disabled?e.preventDefault():d?.vnode.props?.onClick?s("click",e):v?.emit("click",e)}function x(e){d?.vnode.props?.onMouseover?s("mouseover",e):v?.emit("mouseover",e)}function L(e){d?.vnode.props?.onMouseleave?s("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"element",ref:f,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:S,onMouseoverPassive:x,onMouseleavePassive:L}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvAction=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),o=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(o||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),u=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),s={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},d={disabled:{type:Boolean,default:!1}},c={active:{type:Boolean,default:!1}},f={current:{type:Boolean,default:!1}},p={pressed:{type:Boolean,default:!1}},v={label:{type:[String,Number],default:void 0}};r.before,o.bottom;const b={...d,...v,...p,...c,...f,...s,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};t.local;const m=b;return e.defineComponent({name:"VvAction",props:m,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,s=r,d=e.getCurrentInstance(),c=e.inject(l,void 0),f=e.ref(null);o({$el:f});const{reference:p,bus:v,aria:b,expanded:m}=e.inject(u,{});e.watch(()=>f.value,e=>{p&&(p.value=e)});const g=e.computed(()=>n.pressed||m?.value),{role:y}=e.inject(i,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return c?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...b?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function S(e){n.disabled?e.preventDefault():d?.vnode.props?.onClick?s("click",e):v?.emit("click",e)}function x(e){d?.vnode.props?.onMouseover?s("mouseover",e):v?.emit("mouseover",e)}function L(e){d?.vnode.props?.onMouseleave?s("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"rootEl",ref:f,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:S,onMouseoverPassive:x,onMouseleavePassive:L}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}})});

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

@@ -1,4 +1,6 @@
 import { ActionTag } from '../../constants';
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     type: {
         type: PropType<`${import("../../constants").ButtonType}`>;
@@ -43,6 +45,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         default: boolean;
     };
 }>, {
+    /** Reference to the root element */
     $el: globalThis.Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     type: {
@@ -100,8 +103,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvAlert/VvAlert.es.js

@@ -1 +1 @@
-import{inject as e,computed as t,useId as o,unref as l,watch as a,ref as i,defineComponent as s,mergeDefaults as r,toRefs as n,createBlock as u,createCommentVNode as v,openBlock as c,mergeProps as f,createElementBlock as d,normalizeProps as p,guardReactiveProps as m,renderSlot as h,createTextVNode as b,toDisplayString as y,withModifiers as $,createElementVNode as g}from"vue";import{iconLoaded as w,Icon as S,addIcon as k}from"@iconify/vue";var x=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(x||{}),I=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(I||{}),_=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(_||{}),C=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(C||{}),L=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(L||{}),F=/* @__PURE__ */(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(F||{});const T=Symbol.for("volver"),B=Symbol.for("alertGroup"),M={prefix:"normal"},O={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:_.before,validation:e=>Object.values(_).includes(e)}},P={id:[String,Number]};function A(e,o,a){return t(()=>{const t={[e]:!0},i="string"==typeof o?.value?o.value.split(" "):o?.value;return i&&Array.isArray(i)&&i.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),a&&Object.keys(a.value).forEach(o=>{t[`${e}--${o}`]=l(a.value[o])}),t})}I.bottom,C.button,L.button,x.local;const j={...P,...O,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:F.alert}};function E(l,s){const{bus:r}=e(B,{}),n=(u=t(()=>l.id),t(()=>String(u?.value||o())));var u;const v=t(()=>`${n.value}-title`);let c;const f=()=>{c&&clearTimeout(c),s("close",n.value),r?.emit("close",n.value)};a(()=>l.autoClose,e=>{e>0?c=setTimeout(f,e):c&&clearTimeout(c)},{immediate:!0});const d=i(!1),p=()=>{d.value=!0,c&&clearTimeout(c)},m=()=>{d.value=!1,l.autoClose>0&&(c=setTimeout(f,l.autoClose))},{hasIcon:h}=function(e,o){const l=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),a=t(()=>o?.value===_.before?l.value:void 0),i=t(()=>o?.value===_.after?l.value:void 0),s=t(()=>o?.value===I.left?l.value:void 0),r=t(()=>o?.value===I.right?l.value:void 0),n=t(()=>o?.value===I.top?l.value:void 0),u=t(()=>o?.value===I.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:s,hasIconRight:r,hasIconTop:n,hasIconBottom:u,hasIconBefore:a,hasIconAfter:i}}(t(()=>l.icon)),b=A("vv-alert",t(()=>l.modifiers),t(()=>({dismissable:l.autoClose>0||l.dismissable,"auto-close":l.autoClose>0,hover:d.value}))),y=t(()=>({"--alert-duration":`${l.autoClose}ms`}));return{close:f,hasIcon:h,hasTitleId:v,hasProps:t(()=>({onMouseover:p,onMouseleave:m,class:b.value,style:y.value,role:l.role,"aria-labelledby":v.value}))}}const V=/* @__PURE__ */s({name:"VvIcon",props:/* @__PURE__ */r({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},M),setup(o){const a=o,s=t(()=>"string"==typeof a.rotate?Number.parseFloat(a.rotate):a.rotate),r=i(!0),d=e(T,void 0),{modifiers:p}=n(a),m=A("vv-icon",p),h=t(()=>a.provider||d?.iconsProvider),b=t(()=>{const e=a.name??"",t=`@${h.value}:${a.prefix}:${e}`;if(w(t))return t;const o=d?.iconsCollections.find(t=>{const o=`@${h.value}:${t.prefix}:${e}`;return w(o)});return o?`@${h.value}:${o.prefix}:${e}`:e});function y(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),o=t?.innerHTML.trim()||"";t&&o&&k(`@${h.value}:${a.prefix}:${a.name}`,{body:o,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return d&&a.src&&!w(`@${h.value}:${a.prefix}:${a.name}`)&&(r.value=!1,d.fetchIcon(a.src).then(e=>{e&&(y(e),r.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),a.svg&&y(a.svg),(e,t)=>l(r)?(c(),u(l(S),f({key:0,class:l(m)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:l(s),color:o.color,icon:l(b)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):v("v-if",!0)}}),z={key:0,class:"vv-alert__header"},D=["id"],N=["aria-label"],q={key:1,class:"vv-alert__content"},G={key:2,class:"vv-alert__footer"},H=/* @__PURE__ */s({name:"VvAlert",props:j,emits:["close"],setup(e,{expose:t,emit:o}){const a=e,i=o,{hasProps:s,hasTitleId:r,hasIcon:n,close:w}=E(a,i);return t({close:w}),(e,t)=>(c(),d("div",p(m(l(s))),[e.$slots.header||e.$slots.title||e.$slots.close||e.$slots["title::before"]||e.$slots["title::after"]||e.title||l(n)||e.dismissable||e.autoClose?(c(),d("div",z,[l(n)?(c(),u(V,f({key:0},l(n),{class:"vv-alert__icon"}),null,16)):v("v-if",!0),h(e.$slots,"header",{},()=>[h(e.$slots,"title::before"),e.$slots.title||e.title?(c(),d("strong",{key:0,id:l(r),class:"vv-alert__title"},[h(e.$slots,"title",{},()=>[b(y(e.title),1)])],8,D)):v("v-if",!0),h(e.$slots,"title::after")]),h(e.$slots,"close",p(m({close:l(w)})),()=>[e.dismissable||e.autoClose?(c(),d("button",{key:0,class:"vv-alert__close",type:"button","aria-label":e.closeLabel,onClick:t[0]||(t[0]=$((...e)=>l(w)&&l(w)(...e),["stop"]))},[...t[1]||(t[1]=[g("div",{class:"vv-alert__close-mask"},null,-1)])],8,N)):v("v-if",!0)])])):v("v-if",!0),e.$slots.default||e.content?(c(),d("div",q,[h(e.$slots,"default",{},()=>[b(y(e.content),1)])])):v("v-if",!0),e.$slots.footer||e.footer?(c(),d("div",G,[h(e.$slots,"footer",{},()=>[b(y(e.footer),1)])])):v("v-if",!0)],16))}});export{H as default};
+import{inject as e,computed as t,useId as o,unref as l,watch as a,ref as i,defineComponent as s,mergeDefaults as r,toRefs as n,createBlock as u,createCommentVNode as v,openBlock as c,mergeProps as f,createElementBlock as d,normalizeProps as p,guardReactiveProps as m,renderSlot as h,createTextVNode as b,toDisplayString as y,withModifiers as $,createElementVNode as g}from"vue";import{iconLoaded as w,Icon as S,addIcon as k}from"@iconify/vue";var x=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(x||{}),I=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(I||{}),_=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(_||{}),C=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(C||{}),L=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(L||{}),F=/* @__PURE__ */(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(F||{});const T=/* @__PURE__ */Symbol.for("volver"),B=/* @__PURE__ */Symbol.for("alertGroup"),M={prefix:"normal"},O={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:_.before,validation:e=>Object.values(_).includes(e)}},P={id:[String,Number]};function A(e,o,a){return t(()=>{const t={[e]:!0},i="string"==typeof o?.value?o.value.split(" "):o?.value;return i&&Array.isArray(i)&&i.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),a&&Object.keys(a.value).forEach(o=>{t[`${e}--${o}`]=l(a.value[o])}),t})}I.bottom,C.button,L.button,x.local;const j={...P,...O,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:F.alert}};function E(l,s){const{bus:r}=e(B,{}),n=(u=t(()=>l.id),t(()=>String(u?.value||o())));var u;const v=t(()=>`${n.value}-title`);let c;const f=()=>{c&&clearTimeout(c),s("close",n.value),r?.emit("close",n.value)};a(()=>l.autoClose,e=>{e>0?c=setTimeout(f,e):c&&clearTimeout(c)},{immediate:!0});const d=i(!1),p=()=>{d.value=!0,c&&clearTimeout(c)},m=()=>{d.value=!1,l.autoClose>0&&(c=setTimeout(f,l.autoClose))},{hasIcon:h}=function(e,o){const l=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),a=t(()=>o?.value===_.before?l.value:void 0),i=t(()=>o?.value===_.after?l.value:void 0),s=t(()=>o?.value===I.left?l.value:void 0),r=t(()=>o?.value===I.right?l.value:void 0),n=t(()=>o?.value===I.top?l.value:void 0),u=t(()=>o?.value===I.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:s,hasIconRight:r,hasIconTop:n,hasIconBottom:u,hasIconBefore:a,hasIconAfter:i}}(t(()=>l.icon)),b=A("vv-alert",t(()=>l.modifiers),t(()=>({dismissable:l.autoClose>0||l.dismissable,"auto-close":l.autoClose>0,hover:d.value}))),y=t(()=>({"--alert-duration":`${l.autoClose}ms`}));return{close:f,hasIcon:h,hasTitleId:v,hasProps:t(()=>({onMouseover:p,onMouseleave:m,class:b.value,style:y.value,role:l.role,"aria-labelledby":v.value}))}}const V=/* @__PURE__ */s({name:"VvIcon",props:/* @__PURE__ */r({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},M),setup(o){const a=o,s=t(()=>"string"==typeof a.rotate?Number.parseFloat(a.rotate):a.rotate),r=i(!0),d=e(T,void 0),{modifiers:p}=n(a),m=A("vv-icon",p),h=t(()=>a.provider||d?.iconsProvider),b=t(()=>{const e=a.name??"",t=`@${h.value}:${a.prefix}:${e}`;if(w(t))return t;const o=d?.iconsCollections.find(t=>{const o=`@${h.value}:${t.prefix}:${e}`;return w(o)});return o?`@${h.value}:${o.prefix}:${e}`:e});function y(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),o=t?.innerHTML.trim()||"";t&&o&&k(`@${h.value}:${a.prefix}:${a.name}`,{body:o,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return d&&a.src&&!w(`@${h.value}:${a.prefix}:${a.name}`)&&(r.value=!1,d.fetchIcon(a.src).then(e=>{e&&(y(e),r.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),a.svg&&y(a.svg),(e,t)=>l(r)?(c(),u(l(S),f({key:0,class:l(m)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:l(s),color:o.color,icon:l(b)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):v("v-if",!0)}}),z={key:0,class:"vv-alert__header"},D=["id"],N=["aria-label"],q={key:1,class:"vv-alert__content"},G={key:2,class:"vv-alert__footer"},H=/* @__PURE__ */s({name:"VvAlert",props:j,emits:["close"],setup(e,{expose:t,emit:o}){const a=e,i=o,{hasProps:s,hasTitleId:r,hasIcon:n,close:w}=E(a,i);return t({close:w}),(e,t)=>(c(),d("div",p(m(l(s))),[e.$slots.header||e.$slots.title||e.$slots.close||e.$slots["title::before"]||e.$slots["title::after"]||e.title||l(n)||e.dismissable||e.autoClose?(c(),d("div",z,[l(n)?(c(),u(V,f({key:0},l(n),{class:"vv-alert__icon"}),null,16)):v("v-if",!0),h(e.$slots,"header",{},()=>[h(e.$slots,"title::before"),e.$slots.title||e.title?(c(),d("strong",{key:0,id:l(r),class:"vv-alert__title"},[h(e.$slots,"title",{},()=>[b(y(e.title),1)])],8,D)):v("v-if",!0),h(e.$slots,"title::after")]),h(e.$slots,"close",p(m({close:l(w)})),()=>[e.dismissable||e.autoClose?(c(),d("button",{key:0,class:"vv-alert__close",type:"button","aria-label":e.closeLabel,onClick:t[0]||(t[0]=$((...e)=>l(w)&&l(w)(...e),["stop"]))},[...t[1]||(t[1]=[g("div",{class:"vv-alert__close-mask"},null,-1)])],8,N)):v("v-if",!0)])])):v("v-if",!0),e.$slots.default||e.content?(c(),d("div",q,[h(e.$slots,"default",{},()=>[b(y(e.content),1)])])):v("v-if",!0),e.$slots.footer||e.footer?(c(),d("div",G,[h(e.$slots,"footer",{},()=>[b(y(e.footer),1)])])):v("v-if",!0)],16))}});export{H as default};

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     modifiers: {
         type: PropType<import("../..").AlertModifier | import("../..").AlertModifier[]>;
@@ -42,6 +44,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
     };
     id: (StringConstructor | NumberConstructor)[];
 }>, {
+    /** Close the alert */
     close: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modifiers: {
@@ -114,8 +117,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 } & {
     footer?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvAlertGroup/VvAlertGroup.es.js

@@ -1 +1 @@
-import{provide as e,computed as t,unref as o,inject as l,useId as a,watch as r,ref as i,defineComponent as n,mergeDefaults as s,toRefs as u,createBlock as v,createCommentVNode as c,openBlock as f,mergeProps as d,createElementBlock as p,normalizeProps as m,guardReactiveProps as b,renderSlot as h,createTextVNode as y,toDisplayString as g,withModifiers as $,createElementVNode as k,createVNode as S,TransitionGroup as w,toHandlers as _,withCtx as x,Fragment as C,renderList as I}from"vue";import L from"mitt";import{iconLoaded as T,Icon as B,addIcon as A}from"@iconify/vue";const F={prefix:"normal"};var E=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(E||{}),P=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(P||{}),M=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(M||{}),O=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(O||{}),V=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(V||{}),j=/* @__PURE__ */(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(j||{});const q=Symbol.for("volver"),z=Symbol.for("alertGroup"),D={modifiers:{type:[String,Array],default:void 0}},G={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:M.before,validation:e=>Object.values(M).includes(e)}},N={id:[String,Number]};function H(e,l,a){return t(()=>{const t={[e]:!0},r="string"==typeof l?.value?l.value.split(" "):l?.value;return r&&Array.isArray(r)&&r.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{t[`${e}--${l}`]=o(a.value[l])}),t})}P.bottom,O.button,V.button,E.local;const J={...D,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}};function R(o,l){const a=function({name:t}){const o=L();return e(z,{name:t,bus:o}),o}({name:t(()=>o.name)});(o.block&&!o.inline||!o.block&&o.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const r=t(()=>{const e=[H("vv-alert-group",t(()=>o.modifiers),t(()=>({stack:o.stack,reverse:o.reverse,absolute:"absolute"===o.position,fixed:"fixed"===o.position}))).value];return o.inline&&o.block&&e.push(`vv-alert-group--${o.block}-${o.inline}`),e}),i=t(()=>o.transition?o.transition:o.position?"start"===o.inline?"vv-alert--fade-inline-start":"end"===o.inline?"vv-alert--fade-inline-end":"top"===o.block?"vv-alert--fade-block-top":"bottom"===o.block?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade");return a.on("close",e=>{l("close",e)}),{hasTransition:i,hasProps:t(()=>({class:r.value}))}}const K={...N,...G,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:j.alert}};function Q(e,o){const{bus:n}=l(z,{}),s=(u=t(()=>e.id),t(()=>String(u?.value||a())));var u;const v=t(()=>`${s.value}-title`);let c;const f=()=>{c&&clearTimeout(c),o("close",s.value),n?.emit("close",s.value)};r(()=>e.autoClose,e=>{e>0?c=setTimeout(f,e):c&&clearTimeout(c)},{immediate:!0});const d=i(!1),p=()=>{d.value=!0,c&&clearTimeout(c)},m=()=>{d.value=!1,e.autoClose>0&&(c=setTimeout(f,e.autoClose))},{hasIcon:b}=function(e,o){const l=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),a=t(()=>o?.value===M.before?l.value:void 0),r=t(()=>o?.value===M.after?l.value:void 0),i=t(()=>o?.value===P.left?l.value:void 0),n=t(()=>o?.value===P.right?l.value:void 0),s=t(()=>o?.value===P.top?l.value:void 0),u=t(()=>o?.value===P.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:i,hasIconRight:n,hasIconTop:s,hasIconBottom:u,hasIconBefore:a,hasIconAfter:r}}(t(()=>e.icon)),h=H("vv-alert",t(()=>e.modifiers),t(()=>({dismissable:e.autoClose>0||e.dismissable,"auto-close":e.autoClose>0,hover:d.value}))),y=t(()=>({"--alert-duration":`${e.autoClose}ms`}));return{close:f,hasIcon:b,hasTitleId:v,hasProps:t(()=>({onMouseover:p,onMouseleave:m,class:h.value,style:y.value,role:e.role,"aria-labelledby":v.value}))}}const U=/* @__PURE__ */n({name:"VvIcon",props:/* @__PURE__ */s({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},F),setup(e){const a=e,r=t(()=>"string"==typeof a.rotate?Number.parseFloat(a.rotate):a.rotate),n=i(!0),s=l(q,void 0),{modifiers:p}=u(a),m=H("vv-icon",p),b=t(()=>a.provider||s?.iconsProvider),h=t(()=>{const e=a.name??"",t=`@${b.value}:${a.prefix}:${e}`;if(T(t))return t;const o=s?.iconsCollections.find(t=>{const o=`@${b.value}:${t.prefix}:${e}`;return T(o)});return o?`@${b.value}:${o.prefix}:${e}`:e});function y(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),o=t?.innerHTML.trim()||"";t&&o&&A(`@${b.value}:${a.prefix}:${a.name}`,{body:o,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return s&&a.src&&!T(`@${b.value}:${a.prefix}:${a.name}`)&&(n.value=!1,s.fetchIcon(a.src).then(e=>{e&&(y(e),n.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),a.svg&&y(a.svg),(t,l)=>o(n)?(f(),v(o(B),d({key:0,class:o(m)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:o(r),color:e.color,icon:o(h)},{onLoad:e.onLoad}),null,16,["class","onLoad"])):c("v-if",!0)}}),W={key:0,class:"vv-alert__header"},X=["id"],Y=["aria-label"],Z={key:1,class:"vv-alert__content"},ee={key:2,class:"vv-alert__footer"},te=/* @__PURE__ */n({name:"VvAlert",props:K,emits:["close"],setup(e,{expose:t,emit:l}){const a=e,r=l,{hasProps:i,hasTitleId:n,hasIcon:s,close:u}=Q(a,r);return t({close:u}),(e,t)=>(f(),p("div",m(b(o(i))),[e.$slots.header||e.$slots.title||e.$slots.close||e.$slots["title::before"]||e.$slots["title::after"]||e.title||o(s)||e.dismissable||e.autoClose?(f(),p("div",W,[o(s)?(f(),v(U,d({key:0},o(s),{class:"vv-alert__icon"}),null,16)):c("v-if",!0),h(e.$slots,"header",{},()=>[h(e.$slots,"title::before"),e.$slots.title||e.title?(f(),p("strong",{key:0,id:o(n),class:"vv-alert__title"},[h(e.$slots,"title",{},()=>[y(g(e.title),1)])],8,X)):c("v-if",!0),h(e.$slots,"title::after")]),h(e.$slots,"close",m(b({close:o(u)})),()=>[e.dismissable||e.autoClose?(f(),p("button",{key:0,class:"vv-alert__close",type:"button","aria-label":e.closeLabel,onClick:t[0]||(t[0]=$((...e)=>o(u)&&o(u)(...e),["stop"]))},[...t[1]||(t[1]=[k("div",{class:"vv-alert__close-mask"},null,-1)])],8,Y)):c("v-if",!0)])])):c("v-if",!0),e.$slots.default||e.content?(f(),p("div",Z,[h(e.$slots,"default",{},()=>[y(g(e.content),1)])])):c("v-if",!0),e.$slots.footer||e.footer?(f(),p("div",ee,[h(e.$slots,"footer",{},()=>[y(g(e.footer),1)])])):c("v-if",!0)],16))}}),oe=/* @__PURE__ */n({name:"VvAlertGroup",props:J,emits:["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(e,{emit:t}){const l=e,a=t,{hasProps:r,hasTransition:i}=R(l,a),n={"before-enter":()=>{a("beforeEnter")},"after-leave":()=>{a("afterLeave")},enter:()=>{a("enter")},"after-enter":()=>{a("afterEnter")},"enter-cancelled":()=>{a("enterCancelled")},"before-leave":()=>{a("beforeLeave")},leave:()=>{a("leave")},"leave-cancelled":()=>{a("leaveCancelled")}};return(e,t)=>(f(),p("div",m(b(o(r))),[h(e.$slots,"before"),S(w,d({tag:"div",role:"group",name:o(i),class:"vv-alert-group__list"},_(n)),{default:x(()=>[h(e.$slots,"default",{},()=>[(f(!0),p(C,null,I(e.items,e=>(f(),v(te,d({ref_for:!0},e,{key:e.id}),null,16))),128))])]),_:3},16,["name"]),h(e.$slots,"after")],16))}});export{oe as default};
+import{provide as e,computed as t,unref as o,inject as l,useId as a,watch as r,ref as i,defineComponent as n,mergeDefaults as s,toRefs as u,createBlock as v,createCommentVNode as c,openBlock as f,mergeProps as d,createElementBlock as p,normalizeProps as m,guardReactiveProps as b,renderSlot as h,createTextVNode as y,toDisplayString as g,withModifiers as $,createElementVNode as k,createVNode as S,TransitionGroup as w,toHandlers as _,withCtx as x,Fragment as C,renderList as I}from"vue";import L from"mitt";import{iconLoaded as T,Icon as B,addIcon as A}from"@iconify/vue";const F={prefix:"normal"};var E=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(E||{}),P=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(P||{}),M=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(M||{}),O=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(O||{}),V=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(V||{}),j=/* @__PURE__ */(e=>(e.alert="alert",e.alertdialog="alertdialog",e))(j||{});const q=/* @__PURE__ */Symbol.for("volver"),z=/* @__PURE__ */Symbol.for("alertGroup"),D={modifiers:{type:[String,Array],default:void 0}},G={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:M.before,validation:e=>Object.values(M).includes(e)}},N={id:[String,Number]};function H(e,l,a){return t(()=>{const t={[e]:!0},r="string"==typeof l?.value?l.value.split(" "):l?.value;return r&&Array.isArray(r)&&r.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),a&&Object.keys(a.value).forEach(l=>{t[`${e}--${l}`]=o(a.value[l])}),t})}P.bottom,O.button,V.button,E.local;const J={...D,name:{type:String,required:!0},items:{type:Array,default:()=>[]},stack:{type:Boolean,default:!1},reverse:{type:Boolean,default:!1},inline:{type:String,default:void 0},block:{type:String,default:void 0},position:{type:String,default:void 0},transition:{type:String,default:void 0}};function R(o,l){const a=function({name:t}){const o=L();return e(z,{name:t,bus:o}),o}({name:t(()=>o.name)});(o.block&&!o.inline||!o.block&&o.inline)&&console.warn("[VvAlertGroup]: block and inline props must coexist at the same time.");const r=t(()=>{const e=[H("vv-alert-group",t(()=>o.modifiers),t(()=>({stack:o.stack,reverse:o.reverse,absolute:"absolute"===o.position,fixed:"fixed"===o.position}))).value];return o.inline&&o.block&&e.push(`vv-alert-group--${o.block}-${o.inline}`),e}),i=t(()=>o.transition?o.transition:o.position?"start"===o.inline?"vv-alert--fade-inline-start":"end"===o.inline?"vv-alert--fade-inline-end":"top"===o.block?"vv-alert--fade-block-top":"bottom"===o.block?"vv-alert--fade-block-bottom":"vv-alert--fade":"vv-alert--fade");return a.on("close",e=>{l("close",e)}),{hasTransition:i,hasProps:t(()=>({class:r.value}))}}const K={...N,...G,modifiers:{type:[String,Array],default:void 0},dismissable:{type:Boolean,default:!1},autoClose:{type:Number,default:0},closeLabel:{type:String,default:"Close"},title:{type:String,default:void 0},content:{type:String,default:void 0},footer:{type:String,default:void 0},role:{type:String,default:j.alert}};function Q(e,o){const{bus:n}=l(z,{}),s=(u=t(()=>e.id),t(()=>String(u?.value||a())));var u;const v=t(()=>`${s.value}-title`);let c;const f=()=>{c&&clearTimeout(c),o("close",s.value),n?.emit("close",s.value)};r(()=>e.autoClose,e=>{e>0?c=setTimeout(f,e):c&&clearTimeout(c)},{immediate:!0});const d=i(!1),p=()=>{d.value=!0,c&&clearTimeout(c)},m=()=>{d.value=!1,e.autoClose>0&&(c=setTimeout(f,e.autoClose))},{hasIcon:b}=function(e,o){const l=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),a=t(()=>o?.value===M.before?l.value:void 0),r=t(()=>o?.value===M.after?l.value:void 0),i=t(()=>o?.value===P.left?l.value:void 0),n=t(()=>o?.value===P.right?l.value:void 0),s=t(()=>o?.value===P.top?l.value:void 0),u=t(()=>o?.value===P.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:i,hasIconRight:n,hasIconTop:s,hasIconBottom:u,hasIconBefore:a,hasIconAfter:r}}(t(()=>e.icon)),h=H("vv-alert",t(()=>e.modifiers),t(()=>({dismissable:e.autoClose>0||e.dismissable,"auto-close":e.autoClose>0,hover:d.value}))),y=t(()=>({"--alert-duration":`${e.autoClose}ms`}));return{close:f,hasIcon:b,hasTitleId:v,hasProps:t(()=>({onMouseover:p,onMouseleave:m,class:h.value,style:y.value,role:e.role,"aria-labelledby":v.value}))}}const U=/* @__PURE__ */n({name:"VvIcon",props:/* @__PURE__ */s({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},F),setup(e){const a=e,r=t(()=>"string"==typeof a.rotate?Number.parseFloat(a.rotate):a.rotate),n=i(!0),s=l(q,void 0),{modifiers:p}=u(a),m=H("vv-icon",p),b=t(()=>a.provider||s?.iconsProvider),h=t(()=>{const e=a.name??"",t=`@${b.value}:${a.prefix}:${e}`;if(T(t))return t;const o=s?.iconsCollections.find(t=>{const o=`@${b.value}:${t.prefix}:${e}`;return T(o)});return o?`@${b.value}:${o.prefix}:${e}`:e});function y(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),o=t?.innerHTML.trim()||"";t&&o&&A(`@${b.value}:${a.prefix}:${a.name}`,{body:o,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return s&&a.src&&!T(`@${b.value}:${a.prefix}:${a.name}`)&&(n.value=!1,s.fetchIcon(a.src).then(e=>{e&&(y(e),n.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),a.svg&&y(a.svg),(t,l)=>o(n)?(f(),v(o(B),d({key:0,class:o(m)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:o(r),color:e.color,icon:o(h)},{onLoad:e.onLoad}),null,16,["class","onLoad"])):c("v-if",!0)}}),W={key:0,class:"vv-alert__header"},X=["id"],Y=["aria-label"],Z={key:1,class:"vv-alert__content"},ee={key:2,class:"vv-alert__footer"},te=/* @__PURE__ */n({name:"VvAlert",props:K,emits:["close"],setup(e,{expose:t,emit:l}){const a=e,r=l,{hasProps:i,hasTitleId:n,hasIcon:s,close:u}=Q(a,r);return t({close:u}),(e,t)=>(f(),p("div",m(b(o(i))),[e.$slots.header||e.$slots.title||e.$slots.close||e.$slots["title::before"]||e.$slots["title::after"]||e.title||o(s)||e.dismissable||e.autoClose?(f(),p("div",W,[o(s)?(f(),v(U,d({key:0},o(s),{class:"vv-alert__icon"}),null,16)):c("v-if",!0),h(e.$slots,"header",{},()=>[h(e.$slots,"title::before"),e.$slots.title||e.title?(f(),p("strong",{key:0,id:o(n),class:"vv-alert__title"},[h(e.$slots,"title",{},()=>[y(g(e.title),1)])],8,X)):c("v-if",!0),h(e.$slots,"title::after")]),h(e.$slots,"close",m(b({close:o(u)})),()=>[e.dismissable||e.autoClose?(f(),p("button",{key:0,class:"vv-alert__close",type:"button","aria-label":e.closeLabel,onClick:t[0]||(t[0]=$((...e)=>o(u)&&o(u)(...e),["stop"]))},[...t[1]||(t[1]=[k("div",{class:"vv-alert__close-mask"},null,-1)])],8,Y)):c("v-if",!0)])])):c("v-if",!0),e.$slots.default||e.content?(f(),p("div",Z,[h(e.$slots,"default",{},()=>[y(g(e.content),1)])])):c("v-if",!0),e.$slots.footer||e.footer?(f(),p("div",ee,[h(e.$slots,"footer",{},()=>[y(g(e.footer),1)])])):c("v-if",!0)],16))}}),oe=/* @__PURE__ */n({name:"VvAlertGroup",props:J,emits:["close","beforeEnter","afterLeave","enter","afterEnter","enterCancelled","beforeLeave","leave","leaveCancelled"],setup(e,{emit:t}){const l=e,a=t,{hasProps:r,hasTransition:i}=R(l,a),n={"before-enter":()=>{a("beforeEnter")},"after-leave":()=>{a("afterLeave")},enter:()=>{a("enter")},"after-enter":()=>{a("afterEnter")},"enter-cancelled":()=>{a("enterCancelled")},"before-leave":()=>{a("beforeLeave")},leave:()=>{a("leave")},"leave-cancelled":()=>{a("leaveCancelled")}};return(e,t)=>(f(),p("div",m(b(o(r))),[h(e.$slots,"before"),S(w,d({tag:"div",role:"group",name:o(i),class:"vv-alert-group__list"},_(n)),{default:x(()=>[h(e.$slots,"default",{},()=>[(f(!0),p(C,null,I(e.items,e=>(f(),v(te,d({ref_for:!0},e,{key:e.id}),null,16))),128))])]),_:3},16,["name"]),h(e.$slots,"after")],16))}});export{oe as default};

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     name: {
         type: StringConstructor;
@@ -76,11 +78,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
     reverse: boolean;
     modifiers: string | string[];
     items: import("../..").Alert[];
-    transition: string;
     inline: "start" | "end" | "middle";
     stack: boolean;
     block: "top" | "bottom" | "center";
     position: "absolute" | "fixed";
+    transition: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     before?: (props: {}) => any;
 } & {
@@ -88,8 +90,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 } & {
     after?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     imgSrc: StringConstructor;
     modifiers: {
@@ -15,8 +17,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     items: {
         type: PropType<import("@/components/VvAvatarGroup").AvatarItem[]>;
@@ -41,8 +43,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     modifiers: {
@@ -15,8 +17,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js

@@ -1 +1 @@
-import{computed as e,inject as t,defineComponent as r,getCurrentInstance as a,ref as o,watch as l,resolveComponent as s,createBlock as n,openBlock as u,resolveDynamicComponent as i,unref as c,mergeProps as d,withCtx as v,renderSlot as b,createTextVNode as p,toDisplayString as f,toRefs as m,createElementBlock as g,normalizeClass as y,createElementVNode as k,Fragment as _,renderList as h,createVNode as L}from"vue";var S=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(S||{}),x=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(x||{}),$=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))($||{}),A=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(A||{}),B=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(B||{});const w=Symbol.for("volver"),M=Symbol.for("dropdownTrigger"),P=Symbol.for("dropdownAction"),T={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},j={disabled:{type:Boolean,default:!1}},C={active:{type:Boolean,default:!1}},E={current:{type:Boolean,default:!1}},O={pressed:{type:Boolean,default:!1}},V={label:{type:[String,Number],default:void 0}},D={modifiers:{type:[String,Array],default:void 0}};$.before,x.bottom;const I={...j,...V,...O,...C,...E,...T,type:{type:String,default:A.button,validator:e=>Object.values(A).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:B.button}};S.local;const N={...D,routes:Array};const q=/* @__PURE__ */r({name:"VvAction",props:I,emits:["click","mouseover","mouseleave"],setup(r,{expose:m,emit:g}){const y=r,k=g,_=a(),h=t(w,void 0),L=o(null);m({$el:L});const{reference:S,bus:x,aria:$,expanded:A}=t(M,{});l(()=>L.value,e=>{S&&(S.value=e)});const T=e(()=>y.pressed||A?.value),{role:j}=t(P,{}),C=e(()=>{switch(!0){case y.disabled:return B.button;case void 0!==y.to:return h?.nuxt?s(B.nuxtLink):B.routerLink;case void 0!==y.href:return B.a;default:return y.defaultTag}}),E=e(()=>{const e={...$?.value,ariaPressed:!!T.value||void 0,ariaLabel:y.ariaLabel,role:j?.value};switch(C.value){case B.a:return{...e,href:y.href,target:y.target,rel:y.rel};case B.routerLink:case B.nuxtLink:return{...e,to:y.to,target:y.target};case B.button:return{...e,type:y.type,disabled:y.disabled};default:return e}});function O(e){y.disabled?e.preventDefault():_?.vnode.props?.onClick?k("click",e):x?.emit("click",e)}function V(e){_?.vnode.props?.onMouseover?k("mouseover",e):x?.emit("mouseover",e)}function D(e){_?.vnode.props?.onMouseleave?k("mouseleave",e):x?.emit("mouseleave",e)}return(e,t)=>(u(),n(i(c(C)),d(c(E),{ref_key:"element",ref:L,class:{active:e.active,pressed:c(T),disabled:e.disabled,current:e.current},onClickPassive:O,onMouseoverPassive:V,onMouseleavePassive:D}),{default:v(()=>[b(e.$slots,"default",{},()=>[p(f(e.label),1)])]),_:3},16,["class"]))}}),z={class:"vv-breadcrumb__list"},F=["content"],G=/* @__PURE__ */r({name:"VvBreadcrumb",props:N,setup(t){const r=t,{modifiers:a}=m(r),o=function(t,r){return e(()=>{const e={[t]:!0},a="string"==typeof r?.value?r.value.split(" "):r?.value;return a&&Array.isArray(a)&&a.forEach(r=>{r&&(e[`${t}--${r}`]=!0)}),e})}("vv-breadcrumb",a),l=e(()=>r.routes?.length??0),s=e=>e===l.value-1;return(e,t)=>(u(),g("nav",{class:y(c(o)),"aria-label":"breadcrumbs"},[k("ol",z,[(u(!0),g(_,null,h(e.routes,({label:t,...r},a)=>(u(),g("li",{key:`${t}-${a}`,class:y(s(a)?"vv-breadcrumb__item-active":"vv-breadcrumb__item"),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[L(q,d({ref_for:!0},r,{class:s(a)?"vv-breadcrumb__label":"vv-breadcrumb__link","aria-current":s(a)?"page":void 0,itemprop:"item","default-tag":"span"}),{default:v(()=>[b(e.$slots,"label",d({ref_for:!0},{...r,index:a,label:t,isLast:s(a)}),()=>[p(f(t),1)])]),_:2},1040,["class","aria-current"]),k("meta",{itemprop:"position",content:`${a+1}`},null,8,F)],2))),128))])],2))}});export{G as default};
+import{computed as e,inject as t,defineComponent as r,getCurrentInstance as a,ref as o,watch as l,resolveComponent as s,createBlock as n,openBlock as u,resolveDynamicComponent as i,unref as c,mergeProps as d,withCtx as v,renderSlot as b,createTextVNode as p,toDisplayString as f,toRefs as m,createElementBlock as g,normalizeClass as y,createElementVNode as k,Fragment as _,renderList as h,createVNode as L}from"vue";var S=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(S||{}),x=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(x||{}),$=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))($||{}),A=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(A||{}),B=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(B||{});const w=/* @__PURE__ */Symbol.for("volver"),M=/* @__PURE__ */Symbol.for("dropdownTrigger"),P=/* @__PURE__ */Symbol.for("dropdownAction"),E={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},T={disabled:{type:Boolean,default:!1}},j={active:{type:Boolean,default:!1}},C={current:{type:Boolean,default:!1}},O={pressed:{type:Boolean,default:!1}},V={label:{type:[String,Number],default:void 0}},D={modifiers:{type:[String,Array],default:void 0}};$.before,x.bottom;const I={...T,...V,...O,...j,...C,...E,type:{type:String,default:A.button,validator:e=>Object.values(A).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:B.button}};S.local;const N={...D,routes:Array};const q=/* @__PURE__ */r({name:"VvAction",props:I,emits:["click","mouseover","mouseleave"],setup(r,{expose:m,emit:g}){const y=r,k=g,_=a(),h=t(w,void 0),L=o(null);m({$el:L});const{reference:S,bus:x,aria:$,expanded:A}=t(M,{});l(()=>L.value,e=>{S&&(S.value=e)});const E=e(()=>y.pressed||A?.value),{role:T}=t(P,{}),j=e(()=>{switch(!0){case y.disabled:return B.button;case void 0!==y.to:return h?.nuxt?s(B.nuxtLink):B.routerLink;case void 0!==y.href:return B.a;default:return y.defaultTag}}),C=e(()=>{const e={...$?.value,ariaPressed:!!E.value||void 0,ariaLabel:y.ariaLabel,role:T?.value};switch(j.value){case B.a:return{...e,href:y.href,target:y.target,rel:y.rel};case B.routerLink:case B.nuxtLink:return{...e,to:y.to,target:y.target};case B.button:return{...e,type:y.type,disabled:y.disabled};default:return e}});function O(e){y.disabled?e.preventDefault():_?.vnode.props?.onClick?k("click",e):x?.emit("click",e)}function V(e){_?.vnode.props?.onMouseover?k("mouseover",e):x?.emit("mouseover",e)}function D(e){_?.vnode.props?.onMouseleave?k("mouseleave",e):x?.emit("mouseleave",e)}return(e,t)=>(u(),n(i(c(j)),d(c(C),{ref_key:"rootEl",ref:L,class:{active:e.active,pressed:c(E),disabled:e.disabled,current:e.current},onClickPassive:O,onMouseoverPassive:V,onMouseleavePassive:D}),{default:v(()=>[b(e.$slots,"default",{},()=>[p(f(e.label),1)])]),_:3},16,["class"]))}}),z={class:"vv-breadcrumb__list"},F=["content"],G=/* @__PURE__ */r({name:"VvBreadcrumb",props:N,setup(t){const r=t,{modifiers:a}=m(r),o=function(t,r){return e(()=>{const e={[t]:!0},a="string"==typeof r?.value?r.value.split(" "):r?.value;return a&&Array.isArray(a)&&a.forEach(r=>{r&&(e[`${t}--${r}`]=!0)}),e})}("vv-breadcrumb",a),l=e(()=>r.routes?.length??0),s=e=>e===l.value-1;return(e,t)=>(u(),g("nav",{class:y(c(o)),"aria-label":"breadcrumbs"},[k("ol",z,[(u(!0),g(_,null,h(e.routes,({label:t,...r},a)=>(u(),g("li",{key:`${t}-${a}`,class:y(s(a)?"vv-breadcrumb__item-active":"vv-breadcrumb__item"),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[L(q,d({ref_for:!0},r,{class:s(a)?"vv-breadcrumb__label":"vv-breadcrumb__link","aria-current":s(a)?"page":void 0,itemprop:"item","default-tag":"span"}),{default:v(()=>[b(e.$slots,"label",d({ref_for:!0},{...r,index:a,label:t,isLast:s(a)}),()=>[p(f(t),1)])]),_:2},1040,["class","aria-current"]),k("meta",{itemprop:"position",content:`${a+1}`},null,8,F)],2))),128))])],2))}});export{G as default};

package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvBreadcrumb=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),o=(e=>(e.before="before",e.after="after",e))(o||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),s=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),u={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},c={disabled:{type:Boolean,default:!1}},d={active:{type:Boolean,default:!1}},p={current:{type:Boolean,default:!1}},m={pressed:{type:Boolean,default:!1}},f={label:{type:[String,Number],default:void 0}},v={modifiers:{type:[String,Array],default:void 0}};o.before,r.bottom;const b={...c,...f,...m,...d,...p,...u,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};t.local;const g={...v,routes:Array};const y=b;const k=e.defineComponent({name:"VvAction",props:y,emits:["click","mouseover","mouseleave"],setup(t,{expose:r,emit:o}){const n=t,u=o,c=e.getCurrentInstance(),d=e.inject(l,void 0),p=e.ref(null);r({$el:p});const{reference:m,bus:f,aria:v,expanded:b}=e.inject(s,{});e.watch(()=>p.value,e=>{m&&(m.value=e)});const g=e.computed(()=>n.pressed||b?.value),{role:y}=e.inject(i,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return d?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...v?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function S(e){n.disabled?e.preventDefault():c?.vnode.props?.onClick?u("click",e):f?.emit("click",e)}function _(e){c?.vnode.props?.onMouseover?u("mouseover",e):f?.emit("mouseover",e)}function x(e){c?.vnode.props?.onMouseleave?u("mouseleave",e):f?.emit("mouseleave",e)}return(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"element",ref:p,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:S,onMouseoverPassive:_,onMouseleavePassive:x}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}}),h={class:"vv-breadcrumb__list"},S=["content"];return e.defineComponent({name:"VvBreadcrumb",props:g,setup(t){const r=t,{modifiers:o}=e.toRefs(r),n=function(t,r){return e.computed(()=>{const e={[t]:!0},o="string"==typeof r?.value?r.value.split(" "):r?.value;return o&&Array.isArray(o)&&o.forEach(r=>{r&&(e[`${t}--${r}`]=!0)}),e})}("vv-breadcrumb",o),a=e.computed(()=>r.routes?.length??0),l=e=>e===a.value-1;return(t,r)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(n)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routes,({label:r,...o},n)=>(e.openBlock(),e.createElementBlock("li",{key:`${r}-${n}`,class:e.normalizeClass(l(n)?"vv-breadcrumb__item-active":"vv-breadcrumb__item"),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[e.createVNode(k,e.mergeProps({ref_for:!0},o,{class:l(n)?"vv-breadcrumb__label":"vv-breadcrumb__link","aria-current":l(n)?"page":void 0,itemprop:"item","default-tag":"span"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",e.mergeProps({ref_for:!0},{...o,index:n,label:r,isLast:l(n)}),()=>[e.createTextVNode(e.toDisplayString(r),1)])]),_:2},1040,["class","aria-current"]),e.createElementVNode("meta",{itemprop:"position",content:`${n+1}`},null,8,S)],2))),128))])],2))}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvBreadcrumb=t(e.vue)}(this,function(e){"use strict";var t=(e=>(e.local="local",e.session="session",e))(t||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),o=(e=>(e.before="before",e.after="after",e))(o||{}),n=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(n||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const l=Symbol.for("volver"),s=Symbol.for("dropdownTrigger"),i=Symbol.for("dropdownAction"),u={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},c={disabled:{type:Boolean,default:!1}},d={active:{type:Boolean,default:!1}},p={current:{type:Boolean,default:!1}},f={pressed:{type:Boolean,default:!1}},m={label:{type:[String,Number],default:void 0}},v={modifiers:{type:[String,Array],default:void 0}};o.before,r.bottom;const b={...c,...m,...f,...d,...p,...u,type:{type:String,default:n.button,validator:e=>Object.values(n).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};t.local;const g={...v,routes:Array};const y=b;const k=e.defineComponent({name:"VvAction",props:y,emits:["click","mouseover","mouseleave"],setup(t,{expose:r,emit:o}){const n=t,u=o,c=e.getCurrentInstance(),d=e.inject(l,void 0),p=e.ref(null);r({$el:p});const{reference:f,bus:m,aria:v,expanded:b}=e.inject(s,{});e.watch(()=>p.value,e=>{f&&(f.value=e)});const g=e.computed(()=>n.pressed||b?.value),{role:y}=e.inject(i,{}),k=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return d?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...v?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:y?.value};switch(k.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function S(e){n.disabled?e.preventDefault():c?.vnode.props?.onClick?u("click",e):m?.emit("click",e)}function _(e){c?.vnode.props?.onMouseover?u("mouseover",e):m?.emit("mouseover",e)}function x(e){c?.vnode.props?.onMouseleave?u("mouseleave",e):m?.emit("mouseleave",e)}return(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(k)),e.mergeProps(e.unref(h),{ref_key:"rootEl",ref:p,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:S,onMouseoverPassive:_,onMouseleavePassive:x}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}}),h={class:"vv-breadcrumb__list"},S=["content"];return e.defineComponent({name:"VvBreadcrumb",props:g,setup(t){const r=t,{modifiers:o}=e.toRefs(r),n=function(t,r){return e.computed(()=>{const e={[t]:!0},o="string"==typeof r?.value?r.value.split(" "):r?.value;return o&&Array.isArray(o)&&o.forEach(r=>{r&&(e[`${t}--${r}`]=!0)}),e})}("vv-breadcrumb",o),a=e.computed(()=>r.routes?.length??0),l=e=>e===a.value-1;return(t,r)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(e.unref(n)),"aria-label":"breadcrumbs"},[e.createElementVNode("ol",h,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.routes,({label:r,...o},n)=>(e.openBlock(),e.createElementBlock("li",{key:`${r}-${n}`,class:e.normalizeClass(l(n)?"vv-breadcrumb__item-active":"vv-breadcrumb__item"),itemprop:"itemListElement",itemtype:"https://schema.org/ListItem",itemscope:""},[e.createVNode(k,e.mergeProps({ref_for:!0},o,{class:l(n)?"vv-breadcrumb__label":"vv-breadcrumb__link","aria-current":l(n)?"page":void 0,itemprop:"item","default-tag":"span"}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",e.mergeProps({ref_for:!0},{...o,index:n,label:r,isLast:l(n)}),()=>[e.createTextVNode(e.toDisplayString(r),1)])]),_:2},1040,["class","aria-current"]),e.createElementVNode("meta",{itemprop:"position",content:`${n+1}`},null,8,S)],2))),128))])],2))}})});

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     routes: PropType<import("../..").NavItem[]>;
     modifiers: {
@@ -30,8 +32,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         data?: Record<string, unknown>;
     }) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvButton/VvButton.es.js

@@ -1 +1 @@
-import{inject as e,computed as t,toRef as o,toRefs as r,defineComponent as n,getCurrentInstance as a,ref as l,watch as i,resolveComponent as u,createBlock as s,openBlock as c,resolveDynamicComponent as d,unref as v,mergeProps as f,withCtx as p,renderSlot as b,createTextVNode as g,toDisplayString as m,mergeDefaults as y,createCommentVNode as h,useId as $,useAttrs as S,useSlots as k,createElementBlock as w,Fragment as L}from"vue";import{iconLoaded as x,Icon as A,addIcon as B}from"@iconify/vue";var I=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(I||{}),O=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(O||{}),P=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(P||{}),j=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(j||{}),N=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(N||{});const V=Symbol.for("volver"),_=Symbol.for("buttonGroup"),F=Symbol.for("dropdownTrigger"),E=Symbol.for("dropdownAction"),M={prefix:"normal"},T={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},D={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},G={disabled:{type:Boolean,default:!1}},R={active:{type:Boolean,default:!1}},C={current:{type:Boolean,default:!1}},z={pressed:{type:Boolean,default:!1}},q={label:{type:[String,Number],default:void 0}},H={modifiers:{type:[String,Array],default:void 0}},J={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},K={unselectable:{type:Boolean,default:!0}},Q={id:[String,Number]};O.bottom;const U={...G,...q,...z,...R,...C,...T,type:{type:String,default:j.button,validator:e=>Object.values(j).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:N.button}};I.local;const W={...U,...Q,...H,...K,...D,...J,iconPosition:{type:String,default:O.left,validator:e=>Object.values(O).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function X(n,a){const{group:l,isInGroup:i,getGroupOrLocalRef:u}=function(r){const n=e(r,void 0),a=t(()=>void 0!==n);return{group:n,isInGroup:a,getGroupOrLocalRef:function(e,r,a){const l=n?.[e];if(l)return t({get:()=>l.value,set(e){l.value=e}});const i=o(r,e);return t({get:()=>i.value,set(t){a&&a(`update:${e}`,t)}})}}}(_),{id:s,iconPosition:c,icon:d,label:v,pressed:f}=r(n),p=u("modelValue",n,a),b=u("toggle",n),g=u("unselectable",n),m=t(()=>l?.multiple.value??!1),y=t(()=>{let e=n.modifiers,t=l?.modifiers.value;const o=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>o.add(e))),t&&(Array.isArray(t)||(t=t.split(" ")),t.forEach(e=>o.add(e))),Array.from(o)}),h=t(()=>Boolean(n.disabled||l?.disabled.value));return{group:l,isInGroup:i,modelValue:p,toggle:b,unselectable:g,multiple:m,modifiers:y,disabled:h,id:s,pressed:f,iconPosition:c,icon:d,label:v}}function Y(){return e(V,void 0)}const Z=/* @__PURE__ */n({name:"VvAction",props:U,emits:["click","mouseover","mouseleave"],setup(o,{expose:r,emit:n}){const y=o,h=n,$=a(),S=Y(),k=l(null);r({$el:k});const{reference:w,bus:L,aria:x,expanded:A}=e(F,{});i(()=>k.value,e=>{w&&(w.value=e)});const B=t(()=>y.pressed||A?.value),{role:I}=e(E,{}),O=t(()=>{switch(!0){case y.disabled:return N.button;case void 0!==y.to:return S?.nuxt?u(N.nuxtLink):N.routerLink;case void 0!==y.href:return N.a;default:return y.defaultTag}}),P=t(()=>{const e={...x?.value,ariaPressed:!!B.value||void 0,ariaLabel:y.ariaLabel,role:I?.value};switch(O.value){case N.a:return{...e,href:y.href,target:y.target,rel:y.rel};case N.routerLink:case N.nuxtLink:return{...e,to:y.to,target:y.target};case N.button:return{...e,type:y.type,disabled:y.disabled};default:return e}});function j(e){y.disabled?e.preventDefault():$?.vnode.props?.onClick?h("click",e):L?.emit("click",e)}function V(e){$?.vnode.props?.onMouseover?h("mouseover",e):L?.emit("mouseover",e)}function _(e){$?.vnode.props?.onMouseleave?h("mouseleave",e):L?.emit("mouseleave",e)}return(e,t)=>(c(),s(d(v(O)),f(v(P),{ref_key:"element",ref:k,class:{active:e.active,pressed:v(B),disabled:e.disabled,current:e.current},onClickPassive:j,onMouseoverPassive:V,onMouseleavePassive:_}),{default:p(()=>[b(e.$slots,"default",{},()=>[g(m(e.label),1)])]),_:3},16,["class"]))}});function ee(e,o,r){return t(()=>{const t={[e]:!0},n="string"==typeof o?.value?o.value.split(" "):o?.value;return n&&Array.isArray(n)&&n.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),r&&Object.keys(r.value).forEach(o=>{t[`${e}--${o}`]=v(r.value[o])}),t})}const te=/* @__PURE__ */n({name:"VvIcon",props:/* @__PURE__ */y({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},M),setup(e){const o=e,n=t(()=>"string"==typeof o.rotate?Number.parseFloat(o.rotate):o.rotate),a=l(!0),i=Y(),{modifiers:u}=r(o),d=ee("vv-icon",u),p=t(()=>o.provider||i?.iconsProvider),b=t(()=>{const e=o.name??"",t=`@${p.value}:${o.prefix}:${e}`;if(x(t))return t;const r=i?.iconsCollections.find(t=>{const o=`@${p.value}:${t.prefix}:${e}`;return x(o)});return r?`@${p.value}:${r.prefix}:${e}`:e});function g(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=t?.innerHTML.trim()||"";t&&r&&B(`@${p.value}:${o.prefix}:${o.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&o.src&&!x(`@${p.value}:${o.prefix}:${o.name}`)&&(a.value=!1,i.fetchIcon(o.src).then(e=>{e&&(g(e),a.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),o.svg&&g(o.svg),(t,o)=>v(a)?(c(),s(v(A),f({key:0,class:v(d)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:v(n),color:e.color,icon:v(b)},{onLoad:e.onLoad}),null,16,["class","onLoad"])):h("v-if",!0)}});function oe(e,t,o){return re(e,t)}function re(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const o=Array.isArray(e),r=Array.isArray(t);let n,a,l;if(o&&r){if(a=e.length,a!==t.length)return!1;for(n=a;0!==n--;)if(!re(e[n],t[n]))return!1;return!0}if(o!==r)return!1;const i=e instanceof Date,u=t instanceof Date;if(i!==u)return!1;if(i&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,c=t instanceof RegExp;if(s!==c)return!1;if(s&&c)return e.toString()===t.toString();const d=Object.keys(e);if(a=d.length,a!==Object.keys(t).length)return!1;for(n=a;0!==n--;)if(!Object.prototype.hasOwnProperty.call(t,d[n]))return!1;for(n=a;0!==n--;)if(l=d[n],!re(e[l],t[l]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function ne(e,t){if(null!=e&&t&&t.length)for(const o of t)if(oe(e,o))return!0;return!1}const ae={key:1,class:"vv-button__label"},le={key:1,class:"vv-button__label"},ie=/* @__PURE__ */n({name:"VvButton",inheritAttrs:!1,props:W,emits:["update:modelValue"],setup(e,{expose:o,emit:r}){const n=e,a=r,i=S(),u=k(),{id:d,modifiers:y,iconPosition:x,icon:A,label:B,modelValue:I,disabled:j,toggle:N,unselectable:V}=X(n,a),_=function(e){return t(()=>String(e?.value||$()))}(d),F=t(()=>i?.name||_.value),E=l(null);o({$el:t(()=>E.value?.$el)});const M=t(()=>N.value?Array.isArray(I.value)?ne(F.value,I.value):oe(F.value,I.value):n.pressed),T=ee("vv-button",y,t(()=>({reverse:[O.right,O.bottom].includes(x.value),column:[O.top,O.bottom].includes(x.value),"icon-only":Boolean(A?.value&&!B?.value&&!u.default)}))),{hasIcon:D}=function(e,o){const r=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),n=t(()=>o?.value===P.before?r.value:void 0),a=t(()=>o?.value===P.after?r.value:void 0),l=t(()=>o?.value===O.left?r.value:void 0),i=t(()=>o?.value===O.right?r.value:void 0),u=t(()=>o?.value===O.top?r.value:void 0),s=t(()=>o?.value===O.bottom?r.value:void 0);return{hasIcon:r,hasIconLeft:l,hasIconRight:i,hasIconTop:u,hasIconBottom:s,hasIconBefore:n,hasIconAfter:a}}(A),G=t(()=>void 0!==n.value?n.value:F.value),R=t(()=>{if(N.value)return{onClick:C}});function C(){if(N.value){if(Array.isArray(I.value))return ne(G.value,I.value)?void(V.value&&(I.value=I.value.filter(e=>e!==G.value))):void I.value.push(G.value);if(G.value===I.value&&V.value)return void(I.value=n.uncheckedValue);I.value=G.value}}return(e,t)=>(c(),s(Z,f({...v(i),...v(R),disabled:v(j),pressed:v(M),active:e.active,type:e.type,to:e.to,href:e.href,target:e.target,rel:e.rel,ariaLabel:e.ariaLabel},{id:v(_),ref_key:"element",ref:E,class:v(T)}),{default:p(()=>[b(e.$slots,"default",{},()=>[e.loading?b(e.$slots,"loading",{key:0},()=>[e.loadingIcon?(c(),s(te,{key:0,class:"vv-button__loading-icon",name:e.loadingIcon},null,8,["name"])):h("v-if",!0),e.loadingLabel?(c(),w("span",ae,m(e.loadingLabel),1)):h("v-if",!0)]):(c(),w(L,{key:1},[b(e.$slots,"before"),v(D)?(c(),s(te,f({key:0},v(D),{class:"vv-button__icon"}),null,16)):h("v-if",!0),v(B)?(c(),w("span",le,[b(e.$slots,"label",{},()=>[g(m(v(B)),1)])])):h("v-if",!0),b(e.$slots,"after")],64))])]),_:3},16,["id","class"]))}});export{ie as default};
+import{inject as e,computed as t,toRef as o,toRefs as r,defineComponent as a,getCurrentInstance as n,ref as l,watch as i,resolveComponent as u,createBlock as s,openBlock as c,resolveDynamicComponent as d,unref as v,mergeProps as f,withCtx as p,renderSlot as b,createTextVNode as g,toDisplayString as y,mergeDefaults as m,createCommentVNode as h,useId as $,useAttrs as S,useSlots as k,createElementBlock as w,Fragment as L}from"vue";import{iconLoaded as x,Icon as A,addIcon as B}from"@iconify/vue";var I=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(I||{}),O=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(O||{}),P=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(P||{}),j=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(j||{}),N=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(N||{});const V=/* @__PURE__ */Symbol.for("volver"),_=/* @__PURE__ */Symbol.for("buttonGroup"),E=/* @__PURE__ */Symbol.for("dropdownTrigger"),F=/* @__PURE__ */Symbol.for("dropdownAction"),M={prefix:"normal"},T={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},D={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},G={disabled:{type:Boolean,default:!1}},R={active:{type:Boolean,default:!1}},C={current:{type:Boolean,default:!1}},z={pressed:{type:Boolean,default:!1}},q={label:{type:[String,Number],default:void 0}},H={modifiers:{type:[String,Array],default:void 0}},J={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},K={unselectable:{type:Boolean,default:!0}},Q={id:[String,Number]};O.bottom;const U={...G,...q,...z,...R,...C,...T,type:{type:String,default:j.button,validator:e=>Object.values(j).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:N.button}};I.local;const W={...U,...Q,...H,...K,...D,...J,iconPosition:{type:String,default:O.left,validator:e=>Object.values(O).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function X(a,n){const{group:l,isInGroup:i,getGroupOrLocalRef:u}=function(r){const a=e(r,void 0),n=t(()=>void 0!==a);return{group:a,isInGroup:n,getGroupOrLocalRef:function(e,r,n){const l=a?.[e];if(l)return t({get:()=>l.value,set(e){l.value=e}});const i=o(r,e);return t({get:()=>i.value,set(t){n&&n(`update:${e}`,t)}})}}}(_),{id:s,iconPosition:c,icon:d,label:v,pressed:f}=r(a),p=u("modelValue",a,n),b=u("toggle",a),g=u("unselectable",a),y=t(()=>l?.multiple.value??!1),m=t(()=>{let e=a.modifiers,t=l?.modifiers.value;const o=/* @__PURE__ */new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>o.add(e))),t&&(Array.isArray(t)||(t=t.split(" ")),t.forEach(e=>o.add(e))),Array.from(o)}),h=t(()=>Boolean(a.disabled||l?.disabled.value));return{group:l,isInGroup:i,modelValue:p,toggle:b,unselectable:g,multiple:y,modifiers:m,disabled:h,id:s,pressed:f,iconPosition:c,icon:d,label:v}}function Y(){return e(V,void 0)}const Z=/* @__PURE__ */a({name:"VvAction",props:U,emits:["click","mouseover","mouseleave"],setup(o,{expose:r,emit:a}){const m=o,h=a,$=n(),S=Y(),k=l(null);r({$el:k});const{reference:w,bus:L,aria:x,expanded:A}=e(E,{});i(()=>k.value,e=>{w&&(w.value=e)});const B=t(()=>m.pressed||A?.value),{role:I}=e(F,{}),O=t(()=>{switch(!0){case m.disabled:return N.button;case void 0!==m.to:return S?.nuxt?u(N.nuxtLink):N.routerLink;case void 0!==m.href:return N.a;default:return m.defaultTag}}),P=t(()=>{const e={...x?.value,ariaPressed:!!B.value||void 0,ariaLabel:m.ariaLabel,role:I?.value};switch(O.value){case N.a:return{...e,href:m.href,target:m.target,rel:m.rel};case N.routerLink:case N.nuxtLink:return{...e,to:m.to,target:m.target};case N.button:return{...e,type:m.type,disabled:m.disabled};default:return e}});function j(e){m.disabled?e.preventDefault():$?.vnode.props?.onClick?h("click",e):L?.emit("click",e)}function V(e){$?.vnode.props?.onMouseover?h("mouseover",e):L?.emit("mouseover",e)}function _(e){$?.vnode.props?.onMouseleave?h("mouseleave",e):L?.emit("mouseleave",e)}return(e,t)=>(c(),s(d(v(O)),f(v(P),{ref_key:"rootEl",ref:k,class:{active:e.active,pressed:v(B),disabled:e.disabled,current:e.current},onClickPassive:j,onMouseoverPassive:V,onMouseleavePassive:_}),{default:p(()=>[b(e.$slots,"default",{},()=>[g(y(e.label),1)])]),_:3},16,["class"]))}});function ee(e,o,r){return t(()=>{const t={[e]:!0},a="string"==typeof o?.value?o.value.split(" "):o?.value;return a&&Array.isArray(a)&&a.forEach(o=>{o&&(t[`${e}--${o}`]=!0)}),r&&Object.keys(r.value).forEach(o=>{t[`${e}--${o}`]=v(r.value[o])}),t})}const te=/* @__PURE__ */a({name:"VvIcon",props:/* @__PURE__ */m({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},M),setup(e){const o=e,a=t(()=>"string"==typeof o.rotate?Number.parseFloat(o.rotate):o.rotate),n=l(!0),i=Y(),{modifiers:u}=r(o),d=ee("vv-icon",u),p=t(()=>o.provider||i?.iconsProvider),b=t(()=>{const e=o.name??"",t=`@${p.value}:${o.prefix}:${e}`;if(x(t))return t;const r=i?.iconsCollections.find(t=>{const o=`@${p.value}:${t.prefix}:${e}`;return x(o)});return r?`@${p.value}:${r.prefix}:${e}`:e});function g(e){const t=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=t?.innerHTML.trim()||"";t&&r&&B(`@${p.value}:${o.prefix}:${o.name}`,{body:r,height:t.viewBox.baseVal.height,width:t.viewBox.baseVal.width})}return i&&o.src&&!x(`@${p.value}:${o.prefix}:${o.name}`)&&(n.value=!1,i.fetchIcon(o.src).then(e=>{e&&(g(e),n.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),o.svg&&g(o.svg),(t,o)=>v(n)?(c(),s(v(A),f({key:0,class:v(d)},{inline:e.inline,width:e.width,height:e.height,horizontalFlip:e.horizontalFlip,verticalFlip:e.verticalFlip,flip:e.flip,rotate:v(a),color:e.color,icon:v(b)},{onLoad:e.onLoad}),null,16,["class","onLoad"])):h("v-if",!0)}});function oe(e,t,o){return re(e,t)}function re(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const o=Array.isArray(e),r=Array.isArray(t);let a,n,l;if(o&&r){if(n=e.length,n!==t.length)return!1;for(a=n;0!==a--;)if(!re(e[a],t[a]))return!1;return!0}if(o!==r)return!1;const i=e instanceof Date,u=t instanceof Date;if(i!==u)return!1;if(i&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,c=t instanceof RegExp;if(s!==c)return!1;if(s&&c)return e.toString()===t.toString();const d=Object.keys(e);if(n=d.length,n!==Object.keys(t).length)return!1;for(a=n;0!==a--;)if(!Object.prototype.hasOwnProperty.call(t,d[a]))return!1;for(a=n;0!==a--;)if(l=d[a],!re(e[l],t[l]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function ae(e,t){if(null!=e&&t&&t.length)for(const o of t)if(oe(e,o))return!0;return!1}const ne={key:1,class:"vv-button__label"},le={key:1,class:"vv-button__label"},ie=/* @__PURE__ */a({name:"VvButton",inheritAttrs:!1,props:W,emits:["update:modelValue"],setup(e,{expose:o,emit:r}){const a=e,n=r,i=S(),u=k(),{id:d,modifiers:m,iconPosition:x,icon:A,label:B,modelValue:I,disabled:j,toggle:N,unselectable:V}=X(a,n),_=function(e){return t(()=>String(e?.value||$()))}(d),E=t(()=>i?.name||_.value),F=l(null);o({$el:t(()=>F.value?.$el)});const M=t(()=>N.value?Array.isArray(I.value)?ae(E.value,I.value):oe(E.value,I.value):a.pressed),T=ee("vv-button",m,t(()=>({reverse:[O.right,O.bottom].includes(x.value),column:[O.top,O.bottom].includes(x.value),"icon-only":Boolean(A?.value&&!B?.value&&!u.default)}))),{hasIcon:D}=function(e,o){const r=t(()=>"string"==typeof e?.value?{name:e?.value}:e?.value),a=t(()=>o?.value===P.before?r.value:void 0),n=t(()=>o?.value===P.after?r.value:void 0),l=t(()=>o?.value===O.left?r.value:void 0),i=t(()=>o?.value===O.right?r.value:void 0),u=t(()=>o?.value===O.top?r.value:void 0),s=t(()=>o?.value===O.bottom?r.value:void 0);return{hasIcon:r,hasIconLeft:l,hasIconRight:i,hasIconTop:u,hasIconBottom:s,hasIconBefore:a,hasIconAfter:n}}(A),G=t(()=>void 0!==a.value?a.value:E.value),R=t(()=>{if(N.value)return{onClick:C}});function C(){if(N.value){if(Array.isArray(I.value))return ae(G.value,I.value)?void(V.value&&(I.value=I.value.filter(e=>e!==G.value))):void I.value.push(G.value);if(G.value===I.value&&V.value)return void(I.value=a.uncheckedValue);I.value=G.value}}return(e,t)=>(c(),s(Z,f({...v(i),...v(R),disabled:v(j),pressed:v(M),active:e.active,type:e.type,to:e.to,href:e.href,target:e.target,rel:e.rel,ariaLabel:e.ariaLabel},{id:v(_),ref_key:"rootEl",ref:F,class:v(T)}),{default:p(()=>[b(e.$slots,"default",{},()=>[e.loading?b(e.$slots,"loading",{key:0},()=>[e.loadingIcon?(c(),s(te,{key:0,class:"vv-button__loading-icon",name:e.loadingIcon},null,8,["name"])):h("v-if",!0),e.loadingLabel?(c(),w("span",ne,y(e.loadingLabel),1)):h("v-if",!0)]):(c(),w(L,{key:1},[b(e.$slots,"before"),v(D)?(c(),s(te,f({key:0},v(D),{class:"vv-button__icon"}),null,16)):h("v-if",!0),v(B)?(c(),w("span",le,[b(e.$slots,"label",{},()=>[g(y(v(B)),1)])])):h("v-if",!0),b(e.$slots,"after")],64))])]),_:3},16,["id","class"]))}});export{ie as default};

package/dist/components/VvButton/VvButton.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButton=t(e.vue,e.vue$1)}(this,function(e,t){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),n=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(n||{}),r=(e=>(e.before="before",e.after="after",e))(r||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const i=Symbol.for("volver"),u=Symbol.for("buttonGroup"),s=Symbol.for("dropdownTrigger"),c=Symbol.for("dropdownAction"),d={prefix:"normal"},f={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},v={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},p={disabled:{type:Boolean,default:!1}},m={active:{type:Boolean,default:!1}},g={current:{type:Boolean,default:!1}},b={pressed:{type:Boolean,default:!1}},y={label:{type:[String,Number],default:void 0}},h={modifiers:{type:[String,Array],default:void 0}},k={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:r.before,validation:e=>Object.values(r).includes(e)}},S={unselectable:{type:Boolean,default:!0}},B={id:[String,Number]};n.bottom;const $={...p,...y,...b,...m,...g,...f,type:{type:String,default:l.button,validator:e=>Object.values(l).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};o.local;const w={...$,...B,...h,...S,...v,...k,iconPosition:{type:String,default:n.left,validator:e=>Object.values(n).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function x(t,o){const{group:n,isInGroup:r,getGroupOrLocalRef:l}=function(t){const o=e.inject(t,void 0),n=e.computed(()=>void 0!==o);return{group:o,isInGroup:n,getGroupOrLocalRef:function(t,n,r){const l=o?.[t];if(l)return e.computed({get:()=>l.value,set(e){l.value=e}});const a=e.toRef(n,t);return e.computed({get:()=>a.value,set(e){r&&r(`update:${t}`,e)}})}}}(u),{id:a,iconPosition:i,icon:s,label:c,pressed:d}=e.toRefs(t),f=l("modelValue",t,o),v=l("toggle",t),p=l("unselectable",t),m=e.computed(()=>n?.multiple.value??!1),g=e.computed(()=>{let e=t.modifiers,o=n?.modifiers.value;const r=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>r.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>r.add(e))),Array.from(r)}),b=e.computed(()=>Boolean(t.disabled||n?.disabled.value));return{group:n,isInGroup:r,modelValue:f,toggle:v,unselectable:p,multiple:m,modifiers:g,disabled:b,id:a,pressed:d,iconPosition:i,icon:s,label:c}}const L=$;function A(){return e.inject(i,void 0)}const I=e.defineComponent({name:"VvAction",props:L,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:n}){const r=t,l=n,i=e.getCurrentInstance(),u=A(),d=e.ref(null);o({$el:d});const{reference:f,bus:v,aria:p,expanded:m}=e.inject(s,{});e.watch(()=>d.value,e=>{f&&(f.value=e)});const g=e.computed(()=>r.pressed||m?.value),{role:b}=e.inject(c,{}),y=e.computed(()=>{switch(!0){case r.disabled:return a.button;case void 0!==r.to:return u?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==r.href:return a.a;default:return r.defaultTag}}),h=e.computed(()=>{const e={...p?.value,ariaPressed:!!g.value||void 0,ariaLabel:r.ariaLabel,role:b?.value};switch(y.value){case a.a:return{...e,href:r.href,target:r.target,rel:r.rel};case a.routerLink:case a.nuxtLink:return{...e,to:r.to,target:r.target};case a.button:return{...e,type:r.type,disabled:r.disabled};default:return e}});function k(e){r.disabled?e.preventDefault():i?.vnode.props?.onClick?l("click",e):v?.emit("click",e)}function S(e){i?.vnode.props?.onMouseover?l("mouseover",e):v?.emit("mouseover",e)}function B(e){i?.vnode.props?.onMouseleave?l("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(y)),e.mergeProps(e.unref(h),{ref_key:"element",ref:d,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:k,onMouseoverPassive:S,onMouseleavePassive:B}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}});function V(t,o,n){return e.computed(()=>{const r={[t]:!0},l="string"==typeof o?.value?o.value.split(" "):o?.value;return l&&Array.isArray(l)&&l.forEach(e=>{e&&(r[`${t}--${e}`]=!0)}),n&&Object.keys(n.value).forEach(o=>{r[`${t}--${o}`]=e.unref(n.value[o])}),r})}const N=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},d),setup(o){const n=o,r=e.computed(()=>"string"==typeof n.rotate?Number.parseFloat(n.rotate):n.rotate),l=e.ref(!0),a=A(),{modifiers:i}=e.toRefs(n),u=V("vv-icon",i),s=e.computed(()=>n.provider||a?.iconsProvider),c=e.computed(()=>{const e=n.name??"",o=`@${s.value}:${n.prefix}:${e}`;if(t.iconLoaded(o))return o;const r=a?.iconsCollections.find(o=>{const n=`@${s.value}:${o.prefix}:${e}`;return t.iconLoaded(n)});return r?`@${s.value}:${r.prefix}:${e}`:e});function d(e){const o=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),r=o?.innerHTML.trim()||"";o&&r&&t.addIcon(`@${s.value}:${n.prefix}:${n.name}`,{body:r,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return a&&n.src&&!t.iconLoaded(`@${s.value}:${n.prefix}:${n.name}`)&&(l.value=!1,a.fetchIcon(n.src).then(e=>{e&&(d(e),l.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),n.svg&&d(n.svg),(n,a)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:e.unref(r),color:o.color,icon:e.unref(c)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}});function j(e,t,o){return C(e,t)}function C(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const o=Array.isArray(e),n=Array.isArray(t);let r,l,a;if(o&&n){if(l=e.length,l!==t.length)return!1;for(r=l;0!==r--;)if(!C(e[r],t[r]))return!1;return!0}if(o!==n)return!1;const i=e instanceof Date,u=t instanceof Date;if(i!==u)return!1;if(i&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,c=t instanceof RegExp;if(s!==c)return!1;if(s&&c)return e.toString()===t.toString();const d=Object.keys(e);if(l=d.length,l!==Object.keys(t).length)return!1;for(r=l;0!==r--;)if(!Object.prototype.hasOwnProperty.call(t,d[r]))return!1;for(r=l;0!==r--;)if(a=d[r],!C(e[a],t[a]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function P(e,t){if(null!=e&&t&&t.length)for(const o of t)if(j(e,o))return!0;return!1}const O={key:1,class:"vv-button__label"},_={key:1,class:"vv-button__label"};return e.defineComponent({name:"VvButton",inheritAttrs:!1,props:w,emits:["update:modelValue"],setup(t,{expose:o,emit:l}){const a=t,i=l,u=e.useAttrs(),s=e.useSlots(),{id:c,modifiers:d,iconPosition:f,icon:v,label:p,modelValue:m,disabled:g,toggle:b,unselectable:y}=x(a,i),h=function(t){return e.computed(()=>String(t?.value||e.useId()))}(c),k=e.computed(()=>u?.name||h.value),S=e.ref(null);o({$el:e.computed(()=>S.value?.$el)});const B=e.computed(()=>b.value?Array.isArray(m.value)?P(k.value,m.value):j(k.value,m.value):a.pressed),$=V("vv-button",d,e.computed(()=>({reverse:[n.right,n.bottom].includes(f.value),column:[n.top,n.bottom].includes(f.value),"icon-only":Boolean(v?.value&&!p?.value&&!s.default)}))),{hasIcon:w}=function(t,o){const l=e.computed(()=>"string"==typeof t?.value?{name:t?.value}:t?.value),a=e.computed(()=>o?.value===r.before?l.value:void 0),i=e.computed(()=>o?.value===r.after?l.value:void 0),u=e.computed(()=>o?.value===n.left?l.value:void 0),s=e.computed(()=>o?.value===n.right?l.value:void 0),c=e.computed(()=>o?.value===n.top?l.value:void 0),d=e.computed(()=>o?.value===n.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:u,hasIconRight:s,hasIconTop:c,hasIconBottom:d,hasIconBefore:a,hasIconAfter:i}}(v),L=e.computed(()=>void 0!==a.value?a.value:k.value),A=e.computed(()=>{if(b.value)return{onClick:C}});function C(){if(b.value){if(Array.isArray(m.value))return P(L.value,m.value)?void(y.value&&(m.value=m.value.filter(e=>e!==L.value))):void m.value.push(L.value);if(L.value===m.value&&y.value)return void(m.value=a.uncheckedValue);m.value=L.value}}return(t,o)=>(e.openBlock(),e.createBlock(I,e.mergeProps({...e.unref(u),...e.unref(A),disabled:e.unref(g),pressed:e.unref(B),active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel,ariaLabel:t.ariaLabel},{id:e.unref(h),ref_key:"element",ref:S,class:e.unref($)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[t.loading?e.renderSlot(t.$slots,"loading",{key:0},()=>[t.loadingIcon?(e.openBlock(),e.createBlock(N,{key:0,class:"vv-button__loading-icon",name:t.loadingIcon},null,8,["name"])):e.createCommentVNode("v-if",!0),t.loadingLabel?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.loadingLabel),1)):e.createCommentVNode("v-if",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"before"),e.unref(w)?(e.openBlock(),e.createBlock(N,e.mergeProps({key:0},e.unref(w),{class:"vv-button__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",_,[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)])])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"after")],64))])]),_:3},16,["id","class"]))}})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvButton=t(e.vue,e.vue$1)}(this,function(e,t){"use strict";var o=(e=>(e.local="local",e.session="session",e))(o||{}),r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),n=(e=>(e.before="before",e.after="after",e))(n||{}),l=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(l||{}),a=(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(a||{});const i=Symbol.for("volver"),u=Symbol.for("buttonGroup"),s=Symbol.for("dropdownTrigger"),c=Symbol.for("dropdownAction"),d={prefix:"normal"},f={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},v={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},p={disabled:{type:Boolean,default:!1}},m={active:{type:Boolean,default:!1}},g={current:{type:Boolean,default:!1}},b={pressed:{type:Boolean,default:!1}},y={label:{type:[String,Number],default:void 0}},h={modifiers:{type:[String,Array],default:void 0}},k={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:n.before,validation:e=>Object.values(n).includes(e)}},S={unselectable:{type:Boolean,default:!0}},B={id:[String,Number]};r.bottom;const $={...p,...y,...b,...m,...g,...f,type:{type:String,default:l.button,validator:e=>Object.values(l).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}};o.local;const w={...$,...B,...h,...S,...v,...k,iconPosition:{type:String,default:r.left,validator:e=>Object.values(r).includes(e)},loadingIcon:{type:String,default:"eos-icons:bubble-loading"},toggle:{type:Boolean,default:!1},value:{type:[String,Number,Boolean],default:void 0},uncheckedValue:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[String,Number,Boolean],default:void 0}};function x(t,o){const{group:r,isInGroup:n,getGroupOrLocalRef:l}=function(t){const o=e.inject(t,void 0),r=e.computed(()=>void 0!==o);return{group:o,isInGroup:r,getGroupOrLocalRef:function(t,r,n){const l=o?.[t];if(l)return e.computed({get:()=>l.value,set(e){l.value=e}});const a=e.toRef(r,t);return e.computed({get:()=>a.value,set(e){n&&n(`update:${t}`,e)}})}}}(u),{id:a,iconPosition:i,icon:s,label:c,pressed:d}=e.toRefs(t),f=l("modelValue",t,o),v=l("toggle",t),p=l("unselectable",t),m=e.computed(()=>r?.multiple.value??!1),g=e.computed(()=>{let e=t.modifiers,o=r?.modifiers.value;const n=new Set;return e&&(Array.isArray(e)||(e=e.split(" ")),e.forEach(e=>n.add(e))),o&&(Array.isArray(o)||(o=o.split(" ")),o.forEach(e=>n.add(e))),Array.from(n)}),b=e.computed(()=>Boolean(t.disabled||r?.disabled.value));return{group:r,isInGroup:n,modelValue:f,toggle:v,unselectable:p,multiple:m,modifiers:g,disabled:b,id:a,pressed:d,iconPosition:i,icon:s,label:c}}const L=$;function A(){return e.inject(i,void 0)}const I=e.defineComponent({name:"VvAction",props:L,emits:["click","mouseover","mouseleave"],setup(t,{expose:o,emit:r}){const n=t,l=r,i=e.getCurrentInstance(),u=A(),d=e.ref(null);o({$el:d});const{reference:f,bus:v,aria:p,expanded:m}=e.inject(s,{});e.watch(()=>d.value,e=>{f&&(f.value=e)});const g=e.computed(()=>n.pressed||m?.value),{role:b}=e.inject(c,{}),y=e.computed(()=>{switch(!0){case n.disabled:return a.button;case void 0!==n.to:return u?.nuxt?e.resolveComponent(a.nuxtLink):a.routerLink;case void 0!==n.href:return a.a;default:return n.defaultTag}}),h=e.computed(()=>{const e={...p?.value,ariaPressed:!!g.value||void 0,ariaLabel:n.ariaLabel,role:b?.value};switch(y.value){case a.a:return{...e,href:n.href,target:n.target,rel:n.rel};case a.routerLink:case a.nuxtLink:return{...e,to:n.to,target:n.target};case a.button:return{...e,type:n.type,disabled:n.disabled};default:return e}});function k(e){n.disabled?e.preventDefault():i?.vnode.props?.onClick?l("click",e):v?.emit("click",e)}function S(e){i?.vnode.props?.onMouseover?l("mouseover",e):v?.emit("mouseover",e)}function B(e){i?.vnode.props?.onMouseleave?l("mouseleave",e):v?.emit("mouseleave",e)}return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(y)),e.mergeProps(e.unref(h),{ref_key:"rootEl",ref:d,class:{active:t.active,pressed:e.unref(g),disabled:t.disabled,current:t.current},onClickPassive:k,onMouseoverPassive:S,onMouseleavePassive:B}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},16,["class"]))}});function V(t,o,r){return e.computed(()=>{const n={[t]:!0},l="string"==typeof o?.value?o.value.split(" "):o?.value;return l&&Array.isArray(l)&&l.forEach(e=>{e&&(n[`${t}--${e}`]=!0)}),r&&Object.keys(r.value).forEach(o=>{n[`${t}--${o}`]=e.unref(r.value[o])}),n})}const N=e.defineComponent({name:"VvIcon",props:e.mergeDefaults({name:{},color:{},width:{},height:{},provider:{},prefix:{},src:{},horizontalFlip:{type:Boolean},verticalFlip:{type:Boolean},flip:{},mode:{},inline:{type:Boolean},rotate:{},onLoad:{type:Function},svg:{},modifiers:{}},d),setup(o){const r=o,n=e.computed(()=>"string"==typeof r.rotate?Number.parseFloat(r.rotate):r.rotate),l=e.ref(!0),a=A(),{modifiers:i}=e.toRefs(r),u=V("vv-icon",i),s=e.computed(()=>r.provider||a?.iconsProvider),c=e.computed(()=>{const e=r.name??"",o=`@${s.value}:${r.prefix}:${e}`;if(t.iconLoaded(o))return o;const n=a?.iconsCollections.find(o=>{const r=`@${s.value}:${o.prefix}:${e}`;return t.iconLoaded(r)});return n?`@${s.value}:${n.prefix}:${e}`:e});function d(e){const o=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),n=o?.innerHTML.trim()||"";o&&n&&t.addIcon(`@${s.value}:${r.prefix}:${r.name}`,{body:n,height:o.viewBox.baseVal.height,width:o.viewBox.baseVal.width})}return a&&r.src&&!t.iconLoaded(`@${s.value}:${r.prefix}:${r.name}`)&&(l.value=!1,a.fetchIcon(r.src).then(e=>{e&&(d(e),l.value=!0)}).catch(e=>{throw new Error(`Error during fetch icon: ${e?.message}`)})),r.svg&&d(r.svg),(r,a)=>e.unref(l)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:e.unref(n),color:o.color,icon:e.unref(c)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):e.createCommentVNode("v-if",!0)}});function j(e,t,o){return C(e,t)}function C(e,t){if(e===t)return!0;if(e&&t&&"object"==typeof e&&"object"==typeof t){const o=Array.isArray(e),r=Array.isArray(t);let n,l,a;if(o&&r){if(l=e.length,l!==t.length)return!1;for(n=l;0!==n--;)if(!C(e[n],t[n]))return!1;return!0}if(o!==r)return!1;const i=e instanceof Date,u=t instanceof Date;if(i!==u)return!1;if(i&&u)return e.getTime()===t.getTime();const s=e instanceof RegExp,c=t instanceof RegExp;if(s!==c)return!1;if(s&&c)return e.toString()===t.toString();const d=Object.keys(e);if(l=d.length,l!==Object.keys(t).length)return!1;for(n=l;0!==n--;)if(!Object.prototype.hasOwnProperty.call(t,d[n]))return!1;for(n=l;0!==n--;)if(a=d[n],!C(e[a],t[a]))return!1;return!0}return Number.isNaN(e)&&Number.isNaN(t)}function P(e,t){if(null!=e&&t&&t.length)for(const o of t)if(j(e,o))return!0;return!1}const O={key:1,class:"vv-button__label"},E={key:1,class:"vv-button__label"};return e.defineComponent({name:"VvButton",inheritAttrs:!1,props:w,emits:["update:modelValue"],setup(t,{expose:o,emit:l}){const a=t,i=l,u=e.useAttrs(),s=e.useSlots(),{id:c,modifiers:d,iconPosition:f,icon:v,label:p,modelValue:m,disabled:g,toggle:b,unselectable:y}=x(a,i),h=function(t){return e.computed(()=>String(t?.value||e.useId()))}(c),k=e.computed(()=>u?.name||h.value),S=e.ref(null);o({$el:e.computed(()=>S.value?.$el)});const B=e.computed(()=>b.value?Array.isArray(m.value)?P(k.value,m.value):j(k.value,m.value):a.pressed),$=V("vv-button",d,e.computed(()=>({reverse:[r.right,r.bottom].includes(f.value),column:[r.top,r.bottom].includes(f.value),"icon-only":Boolean(v?.value&&!p?.value&&!s.default)}))),{hasIcon:w}=function(t,o){const l=e.computed(()=>"string"==typeof t?.value?{name:t?.value}:t?.value),a=e.computed(()=>o?.value===n.before?l.value:void 0),i=e.computed(()=>o?.value===n.after?l.value:void 0),u=e.computed(()=>o?.value===r.left?l.value:void 0),s=e.computed(()=>o?.value===r.right?l.value:void 0),c=e.computed(()=>o?.value===r.top?l.value:void 0),d=e.computed(()=>o?.value===r.bottom?l.value:void 0);return{hasIcon:l,hasIconLeft:u,hasIconRight:s,hasIconTop:c,hasIconBottom:d,hasIconBefore:a,hasIconAfter:i}}(v),L=e.computed(()=>void 0!==a.value?a.value:k.value),A=e.computed(()=>{if(b.value)return{onClick:C}});function C(){if(b.value){if(Array.isArray(m.value))return P(L.value,m.value)?void(y.value&&(m.value=m.value.filter(e=>e!==L.value))):void m.value.push(L.value);if(L.value===m.value&&y.value)return void(m.value=a.uncheckedValue);m.value=L.value}}return(t,o)=>(e.openBlock(),e.createBlock(I,e.mergeProps({...e.unref(u),...e.unref(A),disabled:e.unref(g),pressed:e.unref(B),active:t.active,type:t.type,to:t.to,href:t.href,target:t.target,rel:t.rel,ariaLabel:t.ariaLabel},{id:e.unref(h),ref_key:"rootEl",ref:S,class:e.unref($)}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[t.loading?e.renderSlot(t.$slots,"loading",{key:0},()=>[t.loadingIcon?(e.openBlock(),e.createBlock(N,{key:0,class:"vv-button__loading-icon",name:t.loadingIcon},null,8,["name"])):e.createCommentVNode("v-if",!0),t.loadingLabel?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.loadingLabel),1)):e.createCommentVNode("v-if",!0)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"before"),e.unref(w)?(e.openBlock(),e.createBlock(N,e.mergeProps({key:0},e.unref(w),{class:"vv-button__icon"}),null,16)):e.createCommentVNode("v-if",!0),e.unref(p)?(e.openBlock(),e.createElementBlock("span",E,[e.renderSlot(t.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(e.unref(p)),1)])])):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"after")],64))])]),_:3},16,["id","class"]))}})});

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

@@ -1,4 +1,6 @@
 import { Side } from '../../constants';
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     iconPosition: {
         type: PropType<`${Side}`>;
@@ -89,6 +91,7 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
         default: boolean;
     };
 }>, {
+    /** Reference to the root element */
     $el: globalThis.ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     iconPosition: {
@@ -211,8 +214,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 } & {
     after?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/VvButtonGroup/VvButtonGroup.es.js

@@ -1 +1 @@
-import{provide as e,computed as t,defineComponent as l,toRefs as o,watchEffect as a,createElementBlock as r,openBlock as u,normalizeClass as n,unref as s,createCommentVNode as i,renderSlot as d,createTextVNode as m,toDisplayString as p}from"vue";var b=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(b||{}),f=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(f||{}),g=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(g||{}),y=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(y||{}),c=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(c||{});const v=Symbol.for("buttonGroup"),V={disabled:{type:Boolean,default:!1}},A={modifiers:{type:[String,Array],default:void 0}};g.before;const B={unselectable:{type:Boolean,default:!0}};f.bottom,y.button,c.button,b.local;const k={...A,...V,...B,legendLabel:{type:String},itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};const L={key:0,class:"vv-button-group__legend"},S=/* @__PURE__ */l({name:"VvButtonGroup",props:k,emits:["update:modelValue"],setup(l,{emit:b}){const f=l,g=b,{disabled:y,toggle:c,modifiers:V,multiple:A,unselectable:B,itemModifiers:k}=o(f);a(()=>{"string"==typeof f.modelValue&&A.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const S=t({get:()=>A.value?f.modelValue:Array.isArray(f.modelValue)?f.modelValue[0]:f.modelValue,set:e=>void 0===e||!Array.isArray(f.modelValue)&&!A.value||Array.isArray(e)?g("update:modelValue",e):g("update:modelValue",[e])});e(v,{modelValue:S,disabled:y,toggle:c,multiple:A,unselectable:B,modifiers:k});const $=function(e,l){return t(()=>{const t={[e]:!0},o="string"==typeof l?.value?l.value.split(" "):l?.value;return o&&Array.isArray(o)&&o.forEach(l=>{l&&(t[`${e}--${l}`]=!0)}),t})}("vv-button-group",V);return(e,t)=>(u(),r("fieldset",{class:n(s($)),role:"group"},[e.$slots.legend||e.legendLabel?(u(),r("legend",L,[d(e.$slots,"legend",{},()=>[m(p(e.legendLabel),1)])])):i("v-if",!0),d(e.$slots,"default")],2))}});export{S as default};
+import{provide as e,computed as t,defineComponent as l,toRefs as o,watchEffect as a,createElementBlock as r,openBlock as u,normalizeClass as n,unref as s,createCommentVNode as i,renderSlot as d,createTextVNode as m,toDisplayString as p}from"vue";var b=/* @__PURE__ */(e=>(e.local="local",e.session="session",e))(b||{}),f=/* @__PURE__ */(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(f||{}),g=/* @__PURE__ */(e=>(e.before="before",e.after="after",e))(g||{}),y=/* @__PURE__ */(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(y||{}),c=/* @__PURE__ */(e=>(e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e))(c||{});const v=/* @__PURE__ */Symbol.for("buttonGroup"),V={disabled:{type:Boolean,default:!1}},A={modifiers:{type:[String,Array],default:void 0}};g.before;const B={unselectable:{type:Boolean,default:!0}};f.bottom,y.button,c.button,b.local;const k={...A,...V,...B,legendLabel:{type:String},itemModifiers:{type:[String,Array],default:""},toggle:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0}};const L={key:0,class:"vv-button-group__legend"},S=/* @__PURE__ */l({name:"VvButtonGroup",props:k,emits:["update:modelValue"],setup(l,{emit:b}){const f=l,g=b,{disabled:y,toggle:c,modifiers:V,multiple:A,unselectable:B,itemModifiers:k}=o(f);a(()=>{"string"==typeof f.modelValue&&A.value&&console.warn("[VvButtonGroup]: modelValue is a string but multiple is true.")});const S=t({get:()=>A.value?f.modelValue:Array.isArray(f.modelValue)?f.modelValue[0]:f.modelValue,set:e=>void 0===e||!Array.isArray(f.modelValue)&&!A.value||Array.isArray(e)?g("update:modelValue",e):g("update:modelValue",[e])});e(v,{modelValue:S,disabled:y,toggle:c,multiple:A,unselectable:B,modifiers:k});const $=function(e,l){return t(()=>{const t={[e]:!0},o="string"==typeof l?.value?l.value.split(" "):l?.value;return o&&Array.isArray(o)&&o.forEach(l=>{l&&(t[`${e}--${l}`]=!0)}),t})}("vv-button-group",V);return(e,t)=>(u(),r("fieldset",{class:n(s($)),role:"group"},[e.$slots.legend||e.legendLabel?(u(),r("legend",L,[d(e.$slots,"legend",{},()=>[m(p(e.legendLabel),1)])])):i("v-if",!0),d(e.$slots,"default")],2))}});export{S as default};

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

@@ -1,3 +1,5 @@
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<globalThis.ExtractPropTypes<{
     legendLabel: {
         type: StringConstructor;
@@ -75,8 +77,6 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<global
 } & {
     default?: (props: {}) => any;
 }>;
-declare const _default: typeof __VLS_export;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;