@volverjs/ui-vue 0.0.14 → 0.0.15

package/dist/components/VvNav/VvNav.umd.js

@@ -1 +1 @@
-(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue")):typeof define=="function"&&define.amd?define(["vue"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvNav=v(t.Vue))})(this,function(t){var v={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},B=(function(e){return e.local="local",e.session="session",e})({}),I=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),C=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),L=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),O=(function(e){return e.before="before",e.after="after",e})({}),w=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),l=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),x=Symbol.for("volver"),$=Symbol.for("dropdownTrigger"),D=Symbol.for("dropdownAction"),R={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},_={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},S={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},y={disabled:{type:Boolean,default:!1}},E={required:{type:Boolean,default:!1}},T={active:{type:Boolean,default:!1}},M={current:{type:Boolean,default:!1}},Pe={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:v.clear},labelClear:{type:String,default:"Clear"}},K={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},h={readonly:{type:Boolean,default:!1}},m={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},F={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},q={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},G={debounce:{type:[Number,String],default:void 0}},J={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:O.before,validation:e=>Object.values(O).includes(e)}},V={tabindex:{type:[String,Number],default:0}},W={floating:{type:Boolean,default:!1}},Y={id:[String,Number]},he={placement:{type:String,default:C.bottom,validator:e=>Object.values(C).includes(e)||Object.values(L).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(I).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},j={...Y,name:{type:String,required:!0}},z={autofocus:{type:Boolean,default:!1}},H={autocomplete:{type:String,default:"off"}},ke={...j,...z,...H,...V,...y,...h,..._,...S,...k,...P,...m,...q,...G,...J,...W,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...E},Ne={...j,...V,..._,...S,...k,...y,...h,...m,...b,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Be={..._,...S,...F,...k,...y,...h,...m,...b,...P,...E,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Q={...y,...b,...K,...T,...M,...R,type:{type:String,default:w.button,validator:e=>Object.values(w).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:l.button}},U={items:{type:Array,default:()=>[]}},Ce={storageType:{type:String,default:B.local,validator:e=>Object.values(B).includes(e)},storageKey:String},X={...m,...U},Z=["click"],ee=["click","mouseover","mouseleave"],te=Q;function re(){return(0,t.inject)(x,void 0)}function oe(){return(0,t.inject)($,{})}function ae(){return(0,t.inject)(D,{})}var ne={name:"VvAction"},le=(0,t.defineComponent)({...ne,props:te,emits:ee,setup(e,{expose:a,emit:i}){const o=e,s=i,n=(0,t.getCurrentInstance)(),N=re(),d=(0,t.ref)(null);a({$el:d});const{reference:p,bus:u,aria:f,expanded:g}=oe();(0,t.watch)(()=>d.value,r=>{p&&(p.value=r)});const c=(0,t.computed)(()=>o.pressed||g?.value),{role:be}=ae(),A=(0,t.computed)(()=>{switch(!0){case o.disabled:return l.button;case o.to!==void 0:return N?.nuxt?(0,t.resolveComponent)(l.nuxtLink):l.routerLink;case o.href!==void 0:return l.a;default:return o.defaultTag}}),me=(0,t.computed)(()=>{const r={...f?.value,ariaPressed:c.value?!0:void 0,ariaLabel:o.ariaLabel,role:be?.value};switch(A.value){case l.a:return{...r,href:o.href,target:o.target,rel:o.rel};case l.routerLink:case l.nuxtLink:return{...r,to:o.to,target:o.target};case l.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function ge(r){if(o.disabled){r.preventDefault();return}if(n?.vnode.props?.onClick){s("click",r);return}u?.emit("click",r)}function _e(r){if(n?.vnode.props?.onMouseover){s("mouseover",r);return}u?.emit("mouseover",r)}function Se(r){if(n?.vnode.props?.onMouseleave){s("mouseleave",r);return}u?.emit("mouseleave",r)}return(r,Oe)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(A)),(0,t.mergeProps)((0,t.unref)(me),{ref_key:"rootEl",ref:d,class:{active:r.active,pressed:(0,t.unref)(c),disabled:r.disabled,current:r.current},onClickPassive:ge,onMouseoverPassive:_e,onMouseleavePassive:Se}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),ie=le,se={class:"vv-nav__item",role:"presentation"},de={name:"VvNavItem",inheritAttrs:!1},ue=(0,t.defineComponent)({...de,setup(e){return(a,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("li",se,[(0,t.renderSlot)(a.$slots,"before"),(0,t.createVNode)(ie,(0,t.mergeProps)(a.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,"default")]),_:3},16),(0,t.renderSlot)(a.$slots,"after")]))}}),fe=ue;function pe(e,a,i){return(0,t.computed)(()=>{const o={[e]:!0},s=typeof a?.value=="string"?a.value.split(" "):a?.value;return s&&Array.isArray(s)&&s.forEach(n=>{n&&(o[`${e}--${n}`]=!0)}),i&&Object.keys(i.value).forEach(n=>{o[`${e}--${n}`]=(0,t.unref)(i.value[n])}),o})}var ce={name:"VvNav"},ve=(0,t.defineComponent)({...ce,props:X,emits:Z,setup(e,{emit:a}){const i=e,o=a,{modifiers:s}=(0,t.toRefs)(i);function n(d){const p=d.target;if(p?.dataset.index){const u=Number.parseInt(p.dataset.index),f=i.items?.[u];if(!f||f?.disabled)return;o("click",f)}}const N=pe("vv-nav",s);return(d,p)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",{class:(0,t.normalizeClass)((0,t.unref)(N))},[(0,t.createElementVNode)("ul",{class:"vv-nav__menu",role:"menu",onClick:(0,t.withModifiers)(n,["stop"])},[(0,t.renderSlot)(d.$slots,"default",{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(d.items,({on:u={},data:f,...g},c)=>((0,t.openBlock)(),(0,t.createBlock)(fe,(0,t.mergeProps)({key:c,"data-index":c},{ref_for:!0},g,(0,t.toHandlers)(u)),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(d.$slots,"item",(0,t.mergeProps)({ref_for:!0},{item:g,data:f,index:c}))]),_:2},1040,["data-index"]))),128))])])],2))}}),ye=ve;return ye});
+(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue")):typeof define=="function"&&define.amd?define(["vue"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvNav=v(t.Vue))})(this,function(t){var v={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},B=(function(e){return e.local="local",e.session="session",e})({}),A=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),C=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),L=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),O=(function(e){return e.before="before",e.after="after",e})({}),w=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),l=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),x=Symbol.for("volver"),$=Symbol.for("dropdownTrigger"),D=Symbol.for("dropdownAction"),R={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},_={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},S={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},y={disabled:{type:Boolean,default:!1}},E={required:{type:Boolean,default:!1}},T={active:{type:Boolean,default:!1}},M={current:{type:Boolean,default:!1}},Se={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:v.clear},labelClear:{type:String,default:"Clear"}},K={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},h={readonly:{type:Boolean,default:!1}},m={modifiers:{type:[String,Array],default:void 0}},k={hintLabel:{type:String,default:""}},F={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},q={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},G={debounce:{type:[Number,String],default:void 0}},J={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:O.before,validation:e=>Object.values(O).includes(e)}},V={tabindex:{type:[String,Number],default:0}},W={floating:{type:Boolean,default:!1}},Y={id:[String,Number]},Pe={placement:{type:String,default:C.bottom,validator:e=>Object.values(C).includes(e)||Object.values(L).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(A).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},j={...Y,name:{type:String,required:!0}},z={autofocus:{type:Boolean,default:!1}},H={autocomplete:{type:String,default:"off"}},he={...j,...z,...H,...V,...y,...h,..._,...S,...k,...P,...m,...q,...G,...J,...W,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...E},ke={...j,...V,..._,...S,...k,...y,...h,...m,...b,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Ne={..._,...S,...F,...k,...y,...h,...m,...b,...P,...E,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Q={...y,...b,...K,...T,...M,...R,type:{type:String,default:w.button,validator:e=>Object.values(w).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:l.button}},U={items:{type:Array,default:()=>[]}},Be={storageType:{type:String,default:B.local,validator:e=>Object.values(B).includes(e)},storageKey:String},X={...m,...U},Z=["click"],ee=["click","mouseover","mouseleave"];function te(){return(0,t.inject)(x,void 0)}function re(){return(0,t.inject)($,{})}function oe(){return(0,t.inject)(D,{})}var ae={name:"VvAction"},ne=(0,t.defineComponent)({...ae,props:Q,emits:ee,setup(e,{expose:a,emit:i}){const o=e,s=i,n=(0,t.getCurrentInstance)(),N=te(),d=(0,t.ref)(null);a({$el:d});const{reference:p,bus:u,aria:f,expanded:g}=re();(0,t.watch)(()=>d.value,r=>{p&&(p.value=r)});const c=(0,t.computed)(()=>o.pressed||g?.value),{role:ye}=oe(),I=(0,t.computed)(()=>{switch(!0){case o.disabled:return l.button;case o.to!==void 0:return N?.nuxt?(0,t.resolveComponent)(l.nuxtLink):l.routerLink;case o.href!==void 0:return l.a;default:return o.defaultTag}}),be=(0,t.computed)(()=>{const r={...f?.value,ariaPressed:c.value?!0:void 0,ariaLabel:o.ariaLabel,role:ye?.value};switch(I.value){case l.a:return{...r,href:o.href,target:o.target,rel:o.rel};case l.routerLink:case l.nuxtLink:return{...r,to:o.to,target:o.target};case l.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function me(r){if(o.disabled){r.preventDefault();return}if(n?.vnode.props?.onClick){s("click",r);return}u?.emit("click",r)}function ge(r){if(n?.vnode.props?.onMouseover){s("mouseover",r);return}u?.emit("mouseover",r)}function _e(r){if(n?.vnode.props?.onMouseleave){s("mouseleave",r);return}u?.emit("mouseleave",r)}return(r,Ce)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(I)),(0,t.mergeProps)((0,t.unref)(be),{ref_key:"rootEl",ref:d,class:{active:r.active,pressed:(0,t.unref)(c),disabled:r.disabled,current:r.current},onClickPassive:me,onMouseoverPassive:ge,onMouseleavePassive:_e}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),le=ne,ie={class:"vv-nav__item",role:"presentation"},se={name:"VvNavItem",inheritAttrs:!1},de=(0,t.defineComponent)({...se,setup(e){return(a,i)=>((0,t.openBlock)(),(0,t.createElementBlock)("li",ie,[(0,t.renderSlot)(a.$slots,"before"),(0,t.createVNode)(le,(0,t.mergeProps)(a.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(a.$slots,"default")]),_:3},16),(0,t.renderSlot)(a.$slots,"after")]))}}),ue=de;function fe(e,a,i){return(0,t.computed)(()=>{const o={[e]:!0},s=typeof a?.value=="string"?a.value.split(" "):a?.value;return s&&Array.isArray(s)&&s.forEach(n=>{n&&(o[`${e}--${n}`]=!0)}),i&&Object.keys(i.value).forEach(n=>{o[`${e}--${n}`]=(0,t.unref)(i.value[n])}),o})}var pe={name:"VvNav"},ce=(0,t.defineComponent)({...pe,props:X,emits:Z,setup(e,{emit:a}){const i=e,o=a,{modifiers:s}=(0,t.toRefs)(i);function n(d){const p=d.target;if(p?.dataset.index){const u=Number.parseInt(p.dataset.index),f=i.items?.[u];if(!f||f?.disabled)return;o("click",f)}}const N=fe("vv-nav",s);return(d,p)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",{class:(0,t.normalizeClass)((0,t.unref)(N))},[(0,t.createElementVNode)("ul",{class:"vv-nav__menu",role:"menu",onClick:(0,t.withModifiers)(n,["stop"])},[(0,t.renderSlot)(d.$slots,"default",{},()=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(d.items,({on:u={},data:f,...g},c)=>((0,t.openBlock)(),(0,t.createBlock)(ue,(0,t.mergeProps)({key:c,"data-index":c},{ref_for:!0},g,(0,t.toHandlers)(u)),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(d.$slots,"item",(0,t.mergeProps)({ref_for:!0},{item:g,data:f,index:c}))]),_:2},1040,["data-index"]))),128))])])],2))}}),ve=ce;return ve});

package/dist/components/VvNavItem/VvNavItem.es.js

@@ -1,4 +1,4 @@
-import { computed as f, createBlock as G, createElementBlock as J, createTextVNode as W, createVNode as Y, defineComponent as I, getCurrentInstance as z, inject as c, mergeProps as L, openBlock as j, ref as H, renderSlot as n, resolveComponent as Q, resolveDynamicComponent as U, toDisplayString as X, unref as v, watch as Z, withCtx as A } from "vue";
+import { computed as f, createBlock as G, createElementBlock as J, createTextVNode as W, createVNode as Y, defineComponent as I, getCurrentInstance as z, inject as c, mergeProps as L, openBlock as j, ref as H, renderSlot as n, resolveComponent as Q, resolveDynamicComponent as U, toDisplayString as X, unref as v, watch as Z, withCtx as E } from "vue";
 var ee = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
@@ -62,16 +62,16 @@ var ee = {
 }, l = { disabled: {
   type: Boolean,
   default: !1
-} }, E = { required: {
+} }, A = { required: {
   type: Boolean,
   default: !1
-} }, ie = { active: {
+} }, ue = { active: {
   type: Boolean,
   default: !1
-} }, ue = { current: {
+} }, ie = { current: {
   type: Boolean,
   default: !1
-} }, Ae = {
+} }, je = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -87,7 +87,7 @@ var ee = {
 }, se = { pressed: {
   type: Boolean,
   default: !1
-} }, i = { label: {
+} }, u = { label: {
   type: [String, Number],
   default: void 0
 } }, m = { readonly: {
@@ -211,7 +211,7 @@ var ee = {
 } }, ge = { autocomplete: {
   type: String,
   default: "off"
-} }, Ve = {
+} }, Ae = {
   ...D,
   ...ye,
   ...ge,
@@ -227,7 +227,7 @@ var ee = {
   ...fe,
   ...ve,
   ...ce,
-  ...i,
+  ...u,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -240,8 +240,8 @@ var ee = {
     type: String,
     default: void 0
   },
-  ...E
-}, De = {
+  ...A
+}, Ve = {
   ...D,
   ...V,
   ...b,
@@ -250,7 +250,7 @@ var ee = {
   ...l,
   ...m,
   ...S,
-  ...i,
+  ...u,
   ...g,
   value: {
     type: [
@@ -269,7 +269,7 @@ var ee = {
     ],
     default: void 0
   }
-}, xe = {
+}, De = {
   ...b,
   ...y,
   ...de,
@@ -277,9 +277,9 @@ var ee = {
   ...l,
   ...m,
   ...S,
-  ...i,
+  ...u,
   ...g,
-  ...E,
+  ...A,
   modelValue: {
     type: [
       String,
@@ -300,10 +300,10 @@ var ee = {
   }
 }, me = {
   ...l,
-  ...i,
+  ...u,
   ...se,
-  ...ie,
   ...ue,
+  ...ie,
   ...le,
   type: {
     type: String,
@@ -318,7 +318,7 @@ var ee = {
     type: String,
     default: a.button
   }
-}, Re = {
+}, xe = {
   storageType: {
     type: String,
     default: B.local,
@@ -329,28 +329,28 @@ var ee = {
   "click",
   "mouseover",
   "mouseleave"
-], _e = me;
-function Pe() {
+];
+function _e() {
   return c(ae, void 0);
 }
-function he() {
+function Pe() {
   return c(oe, {});
 }
-function Ne() {
+function he() {
   return c(ne, {});
 }
-var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ I({
-  ...Oe,
-  props: _e,
+var Ne = { name: "VvAction" }, Oe = /* @__PURE__ */ I({
+  ...Ne,
+  props: me,
   emits: Se,
   setup(e, { expose: o, emit: P }) {
-    const r = e, u = P, s = z(), x = Pe(), d = H(null);
+    const r = e, i = P, s = z(), x = _e(), d = H(null);
     o({ $el: d });
-    const { reference: h, bus: p, aria: R, expanded: T } = he();
+    const { reference: h, bus: p, aria: R, expanded: T } = Pe();
     Z(() => d.value, (t) => {
       h && (h.value = t);
     });
-    const N = f(() => r.pressed || T?.value), { role: K } = Ne(), O = f(() => {
+    const N = f(() => r.pressed || T?.value), { role: K } = he(), O = f(() => {
       switch (!0) {
         case r.disabled:
           return a.button;
@@ -399,26 +399,26 @@ var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ I({
         return;
       }
       if (s?.vnode.props?.onClick) {
-        u("click", t);
+        i("click", t);
         return;
       }
       p?.emit("click", t);
     }
     function F(t) {
       if (s?.vnode.props?.onMouseover) {
-        u("mouseover", t);
+        i("mouseover", t);
         return;
       }
       p?.emit("mouseover", t);
     }
     function q(t) {
       if (s?.vnode.props?.onMouseleave) {
-        u("mouseleave", t);
+        i("mouseleave", t);
         return;
       }
       p?.emit("mouseleave", t);
     }
-    return (t, Le) => (j(), G(U(v(O)), L(v(M), {
+    return (t, Ie) => (j(), G(U(v(O)), L(v(M), {
       ref_key: "rootEl",
       ref: d,
       class: {
@@ -431,32 +431,32 @@ var Oe = { name: "VvAction" }, Be = /* @__PURE__ */ I({
       onMouseoverPassive: F,
       onMouseleavePassive: q
     }), {
-      default: A(() => [n(t.$slots, "default", {}, () => [W(X(t.label), 1)])]),
+      default: E(() => [n(t.$slots, "default", {}, () => [W(X(t.label), 1)])]),
       _: 3
     }, 16, ["class"]));
   }
-}), ke = Be, we = {
+}), Be = Oe, ke = {
   class: "vv-nav__item",
   role: "presentation"
-}, Ce = {
+}, we = {
   name: "VvNavItem",
   inheritAttrs: !1
-}, Ie = /* @__PURE__ */ I({
-  ...Ce,
+}, Ce = /* @__PURE__ */ I({
+  ...we,
   setup(e) {
-    return (o, P) => (j(), J("li", we, [
+    return (o, P) => (j(), J("li", ke, [
       n(o.$slots, "before"),
-      Y(ke, L(o.$attrs, {
+      Y(Be, L(o.$attrs, {
         class: "vv-nav__item-label",
         role: "menuitem"
       }), {
-        default: A(() => [n(o.$slots, "default")]),
+        default: E(() => [n(o.$slots, "default")]),
         _: 3
       }, 16),
       n(o.$slots, "after")
     ]));
   }
-}), Te = Ie;
+}), Re = Ce;
 export {
-  Te as default
+  Re as default
 };

package/dist/components/VvNavItem/VvNavItem.umd.js

@@ -1 +1 @@
-(function(t,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(t=typeof globalThis<"u"?globalThis:t||self,t.VvNavItem=l(t.Vue))})(this,function(t){var l={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},S=(function(e){return e.local="local",e.session="session",e})({}),j=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),_=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),L=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),P=(function(e){return e.before="before",e.after="after",e})({}),h=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),a=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),A=Symbol.for("volver"),E=Symbol.for("dropdownTrigger"),V=Symbol.for("dropdownAction"),x={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},s={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},u={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},f={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},i={disabled:{type:Boolean,default:!1}},N={required:{type:Boolean,default:!1}},D={active:{type:Boolean,default:!1}},T={current:{type:Boolean,default:!1}},ve={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:l.clear},labelClear:{type:String,default:"Clear"}},R={pressed:{type:Boolean,default:!1}},d={label:{type:[String,Number],default:void 0}},p={readonly:{type:Boolean,default:!1}},c={modifiers:{type:[String,Array],default:void 0}},v={hintLabel:{type:String,default:""}},K={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},M={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},$={debounce:{type:[Number,String],default:void 0}},q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:P.before,validation:e=>Object.values(P).includes(e)}},B={tabindex:{type:[String,Number],default:0}},F={floating:{type:Boolean,default:!1}},G={id:[String,Number]},be={placement:{type:String,default:_.bottom,validator:e=>Object.values(_).includes(e)||Object.values(L).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(j).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},O={...G,name:{type:String,required:!0}},J={autofocus:{type:Boolean,default:!1}},W={autocomplete:{type:String,default:"off"}},ye={...O,...J,...W,...B,...i,...p,...s,...u,...v,...f,...c,...M,...$,...q,...F,...d,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...N},ge={...O,...B,...s,...u,...v,...i,...p,...c,...d,...f,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},me={...s,...u,...K,...v,...i,...p,...c,...d,...f,...N,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Y={...i,...d,...R,...D,...T,...x,type:{type:String,default:h.button,validator:e=>Object.values(h).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},Se={storageType:{type:String,default:S.local,validator:e=>Object.values(S).includes(e)},storageKey:String},z=["click","mouseover","mouseleave"],H=Y;function Q(){return(0,t.inject)(A,void 0)}function U(){return(0,t.inject)(E,{})}function X(){return(0,t.inject)(V,{})}var Z={name:"VvAction"},ee=(0,t.defineComponent)({...Z,props:H,emits:z,setup(e,{expose:n,emit:k}){const o=e,b=k,y=(0,t.getCurrentInstance)(),le=Q(),g=(0,t.ref)(null);n({$el:g});const{reference:C,bus:m,aria:ie,expanded:de}=U();(0,t.watch)(()=>g.value,r=>{C&&(C.value=r)});const w=(0,t.computed)(()=>o.pressed||de?.value),{role:se}=X(),I=(0,t.computed)(()=>{switch(!0){case o.disabled:return a.button;case o.to!==void 0:return le?.nuxt?(0,t.resolveComponent)(a.nuxtLink):a.routerLink;case o.href!==void 0:return a.a;default:return o.defaultTag}}),ue=(0,t.computed)(()=>{const r={...ie?.value,ariaPressed:w.value?!0:void 0,ariaLabel:o.ariaLabel,role:se?.value};switch(I.value){case a.a:return{...r,href:o.href,target:o.target,rel:o.rel};case a.routerLink:case a.nuxtLink:return{...r,to:o.to,target:o.target};case a.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function fe(r){if(o.disabled){r.preventDefault();return}if(y?.vnode.props?.onClick){b("click",r);return}m?.emit("click",r)}function pe(r){if(y?.vnode.props?.onMouseover){b("mouseover",r);return}m?.emit("mouseover",r)}function ce(r){if(y?.vnode.props?.onMouseleave){b("mouseleave",r);return}m?.emit("mouseleave",r)}return(r,_e)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(I)),(0,t.mergeProps)((0,t.unref)(ue),{ref_key:"rootEl",ref:g,class:{active:r.active,pressed:(0,t.unref)(w),disabled:r.disabled,current:r.current},onClickPassive:fe,onMouseoverPassive:pe,onMouseleavePassive:ce}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),te=ee,re={class:"vv-nav__item",role:"presentation"},oe={name:"VvNavItem",inheritAttrs:!1},ae=(0,t.defineComponent)({...oe,setup(e){return(n,k)=>((0,t.openBlock)(),(0,t.createElementBlock)("li",re,[(0,t.renderSlot)(n.$slots,"before"),(0,t.createVNode)(te,(0,t.mergeProps)(n.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,"default")]),_:3},16),(0,t.renderSlot)(n.$slots,"after")]))}}),ne=ae;return ne});
+(function(t,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(t=typeof globalThis<"u"?globalThis:t||self,t.VvNavItem=l(t.Vue))})(this,function(t){var l={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},S=(function(e){return e.local="local",e.session="session",e})({}),j=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),_=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),L=(function(e){return e.topStart="top-start",e.topEnd="top-end",e.bottomStart="bottom-start",e.bottomEnd="bottom-end",e.leftStart="left-start",e.leftEnd="left-end",e.rightStart="right-start",e.rightEnd="right-end",e})({}),h=(function(e){return e.before="before",e.after="after",e})({}),P=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),a=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),E=Symbol.for("volver"),A=Symbol.for("dropdownTrigger"),V=Symbol.for("dropdownAction"),x={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},s={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},u={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},f={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},i={disabled:{type:Boolean,default:!1}},N={required:{type:Boolean,default:!1}},D={active:{type:Boolean,default:!1}},T={current:{type:Boolean,default:!1}},ce={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:l.clear},labelClear:{type:String,default:"Clear"}},R={pressed:{type:Boolean,default:!1}},d={label:{type:[String,Number],default:void 0}},p={readonly:{type:Boolean,default:!1}},c={modifiers:{type:[String,Array],default:void 0}},v={hintLabel:{type:String,default:""}},K={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},M={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},$={debounce:{type:[Number,String],default:void 0}},q={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:h.before,validation:e=>Object.values(h).includes(e)}},B={tabindex:{type:[String,Number],default:0}},F={floating:{type:Boolean,default:!1}},G={id:[String,Number]},ve={placement:{type:String,default:_.bottom,validator:e=>Object.values(_).includes(e)||Object.values(L).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(j).includes(e)},transitionName:{type:String,default:void 0},offset:{type:[Number,String,Object],default:0},shift:{type:[Boolean,Object],default:!1},flip:{type:[Boolean,Object],default:!0},size:{type:[Boolean,Object],default:()=>({padding:10})},autoPlacement:{type:[Boolean,Object],default:!1},arrow:{type:Boolean,default:!1},keepOpen:{type:Boolean,default:!1},autofocusFirst:{type:Boolean,default:!0},triggerWidth:{type:Boolean,default:!1}},O={...G,name:{type:String,required:!0}},J={autofocus:{type:Boolean,default:!1}},W={autocomplete:{type:String,default:"off"}},be={...O,...J,...W,...B,...i,...p,...s,...u,...v,...f,...c,...M,...$,...q,...F,...d,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...N},ye={...O,...B,...s,...u,...v,...i,...p,...c,...d,...f,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},ge={...s,...u,...K,...v,...i,...p,...c,...d,...f,...N,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},Y={...i,...d,...R,...D,...T,...x,type:{type:String,default:P.button,validator:e=>Object.values(P).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:a.button}},me={storageType:{type:String,default:S.local,validator:e=>Object.values(S).includes(e)},storageKey:String},z=["click","mouseover","mouseleave"];function H(){return(0,t.inject)(E,void 0)}function Q(){return(0,t.inject)(A,{})}function U(){return(0,t.inject)(V,{})}var X={name:"VvAction"},Z=(0,t.defineComponent)({...X,props:Y,emits:z,setup(e,{expose:n,emit:k}){const o=e,b=k,y=(0,t.getCurrentInstance)(),ne=H(),g=(0,t.ref)(null);n({$el:g});const{reference:C,bus:m,aria:le,expanded:ie}=Q();(0,t.watch)(()=>g.value,r=>{C&&(C.value=r)});const w=(0,t.computed)(()=>o.pressed||ie?.value),{role:de}=U(),I=(0,t.computed)(()=>{switch(!0){case o.disabled:return a.button;case o.to!==void 0:return ne?.nuxt?(0,t.resolveComponent)(a.nuxtLink):a.routerLink;case o.href!==void 0:return a.a;default:return o.defaultTag}}),se=(0,t.computed)(()=>{const r={...le?.value,ariaPressed:w.value?!0:void 0,ariaLabel:o.ariaLabel,role:de?.value};switch(I.value){case a.a:return{...r,href:o.href,target:o.target,rel:o.rel};case a.routerLink:case a.nuxtLink:return{...r,to:o.to,target:o.target};case a.button:return{...r,type:o.type,disabled:o.disabled};default:return r}});function ue(r){if(o.disabled){r.preventDefault();return}if(y?.vnode.props?.onClick){b("click",r);return}m?.emit("click",r)}function fe(r){if(y?.vnode.props?.onMouseover){b("mouseover",r);return}m?.emit("mouseover",r)}function pe(r){if(y?.vnode.props?.onMouseleave){b("mouseleave",r);return}m?.emit("mouseleave",r)}return(r,Se)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(I)),(0,t.mergeProps)((0,t.unref)(se),{ref_key:"rootEl",ref:g,class:{active:r.active,pressed:(0,t.unref)(w),disabled:r.disabled,current:r.current},onClickPassive:ue,onMouseoverPassive:fe,onMouseleavePassive:pe}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"]))}}),ee=Z,te={class:"vv-nav__item",role:"presentation"},re={name:"VvNavItem",inheritAttrs:!1},oe=(0,t.defineComponent)({...re,setup(e){return(n,k)=>((0,t.openBlock)(),(0,t.createElementBlock)("li",te,[(0,t.renderSlot)(n.$slots,"before"),(0,t.createVNode)(ee,(0,t.mergeProps)(n.$attrs,{class:"vv-nav__item-label",role:"menuitem"}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(n.$slots,"default")]),_:3},16),(0,t.renderSlot)(n.$slots,"after")]))}}),ae=oe;return ae});