@volverjs/ui-vue 0.0.14 → 0.0.15

package/dist/components/VvDropdownAction/VvDropdownAction.es.js

@@ -1,4 +1,4 @@
-import { computed as b, createBlock as T, createElementBlock as Z, createTextVNode as R, createVNode as ee, defineComponent as S, getCurrentInstance as te, inject as y, mergeProps as P, openBlock as _, provide as re, ref as h, renderSlot as O, resolveComponent as oe, resolveDynamicComponent as ae, toDisplayString as M, toRefs as ne, unref as s, watch as $, withCtx as m } from "vue";
+import { computed as b, createBlock as T, createElementBlock as Z, createTextVNode as R, createVNode as ee, defineComponent as S, getCurrentInstance as te, inject as y, mergeProps as _, openBlock as P, provide as re, ref as h, renderSlot as O, resolveComponent as oe, resolveDynamicComponent as ae, toDisplayString as M, toRefs as ne, unref as s, watch as $, withCtx as m } from "vue";
 import "mitt";
 import { useElementHover as le, useFocus as ue, useFocusWithin as se } from "@vueuse/core";
 var ie = {
@@ -16,19 +16,19 @@ var ie = {
   return e.local = "local", e.session = "session", e;
 })({}), de = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
-})({}), V = /* @__PURE__ */ (function(e) {
+})({}), j = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
 })({}), pe = /* @__PURE__ */ (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;
-})({}), j = /* @__PURE__ */ (function(e) {
+})({}), L = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), A = /* @__PURE__ */ (function(e) {
+})({}), V = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
 })({}), u = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
 })({}), fe = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.link = "link", e.menuitem = "menuitem", e;
-})({}), L = /* @__PURE__ */ (function(e) {
+})({}), A = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
 })({}), ve = /* @__PURE__ */ Symbol.for("volver"), ce = /* @__PURE__ */ Symbol.for("dropdownTrigger"), be = /* @__PURE__ */ Symbol.for("dropdownItem"), H = /* @__PURE__ */ Symbol.for("dropdownAction"), ye = {
   to: { type: [String, Object] },
@@ -80,7 +80,7 @@ var ie = {
 } }, Se = { current: {
   type: Boolean,
   default: !1
-} }, Ue = {
+} }, ze = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -93,7 +93,7 @@ var ie = {
     type: String,
     default: "Clear"
   }
-}, Pe = { pressed: {
+}, _e = { pressed: {
   type: Boolean,
   default: !1
 } }, g = { label: {
@@ -108,7 +108,7 @@ var ie = {
 } }, N = { hintLabel: {
   type: String,
   default: ""
-} }, _e = {
+} }, Pe = {
   options: {
     type: Array,
     default: () => []
@@ -144,8 +144,8 @@ var ie = {
   },
   iconPosition: {
     type: String,
-    default: j.before,
-    validation: (e) => Object.values(j).includes(e)
+    default: L.before,
+    validation: (e) => Object.values(L).includes(e)
   }
 }, x = { tabindex: {
   type: [String, Number],
@@ -159,8 +159,8 @@ var ie = {
 } }, F = { id: [String, Number] }, Ie = {
   placement: {
     type: String,
-    default: V.bottom,
-    validator: (e) => Object.values(V).includes(e) || Object.values(pe).includes(e)
+    default: j.bottom,
+    validator: (e) => Object.values(j).includes(e) || Object.values(pe).includes(e)
   },
   strategy: {
     type: String,
@@ -223,7 +223,7 @@ var ie = {
 } }, Ce = { autocomplete: {
   type: String,
   default: "off"
-} }, Qe = {
+} }, Ue = {
   ...W,
   ...Ne,
   ...Ce,
@@ -253,7 +253,7 @@ var ie = {
     default: void 0
   },
   ...K
-}, Xe = {
+}, Qe = {
   ...W,
   ...x,
   ...w,
@@ -281,10 +281,10 @@ var ie = {
     ],
     default: void 0
   }
-}, Ze = {
+}, Xe = {
   ...w,
   ...B,
-  ..._e,
+  ...Pe,
   ...N,
   ...f,
   ...I,
@@ -313,14 +313,14 @@ var ie = {
 }, q = {
   ...f,
   ...g,
-  ...Pe,
+  ..._e,
   ...me,
   ...Se,
   ...ye,
   type: {
     type: String,
-    default: A.button,
-    validator: (e) => Object.values(A).includes(e)
+    default: V.button,
+    validator: (e) => Object.values(V).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -330,7 +330,7 @@ var ie = {
     type: String,
     default: u.button
   }
-}, et = {
+}, Ze = {
   storageType: {
     type: String,
     default: E.local,
@@ -341,31 +341,31 @@ var ie = {
   "click",
   "mouseover",
   "mouseleave"
-], Ee = q;
-function Ve() {
+];
+function Ee() {
   return y(ve, void 0);
 }
 function je() {
   return y(ce, {});
 }
-function Ae() {
+function Le() {
   return y(be, {});
 }
-function Le() {
+function Ve() {
   return y(H, {});
 }
-var Te = { name: "VvAction" }, Re = /* @__PURE__ */ S({
-  ...Te,
-  props: Ee,
+var Ae = { name: "VvAction" }, Te = /* @__PURE__ */ S({
+  ...Ae,
+  props: q,
   emits: De,
   setup(e, { expose: n, emit: l }) {
-    const t = e, o = l, a = te(), v = Ve(), p = h(null);
+    const t = e, o = l, a = te(), v = Ee(), p = h(null);
     n({ $el: p });
     const { reference: i, bus: c, aria: J, expanded: Y } = je();
     $(() => p.value, (r) => {
       i && (i.value = r);
     });
-    const C = b(() => t.pressed || Y?.value), { role: G } = Le(), D = b(() => {
+    const C = b(() => t.pressed || Y?.value), { role: G } = Ve(), D = b(() => {
       switch (!0) {
         case t.disabled:
           return u.button;
@@ -433,7 +433,7 @@ var Te = { name: "VvAction" }, Re = /* @__PURE__ */ S({
       }
       c?.emit("mouseleave", r);
     }
-    return (r, Je) => (_(), T(ae(s(D)), P(s(z), {
+    return (r, qe) => (P(), T(ae(s(D)), _(s(z), {
       ref_key: "rootEl",
       ref: p,
       class: {
@@ -450,7 +450,7 @@ var Te = { name: "VvAction" }, Re = /* @__PURE__ */ S({
       _: 3
     }, 16, ["class"]));
   }
-}), Me = Re, tt = {
+}), Re = Te, et = {
   ...F,
   ...Ie,
   ...d,
@@ -464,13 +464,13 @@ var Te = { name: "VvAction" }, Re = /* @__PURE__ */ S({
   },
   role: {
     type: String,
-    default: L.menu,
-    validator: (e) => Object.values(L).includes(e)
+    default: A.menu,
+    validator: (e) => Object.values(A).includes(e)
   }
-}, $e = { focusOnHover: {
+}, Me = { focusOnHover: {
   type: Boolean,
   default: !1
-} }, rt = {
+} }, tt = {
   ...f,
   ...ge,
   ...ke,
@@ -483,29 +483,29 @@ var Te = { name: "VvAction" }, Re = /* @__PURE__ */ S({
     default: !1
   }
 };
-function He({ expanded: e }) {
+function $e({ expanded: e }) {
   re(H, {
     role: h(fe.menuitem),
     expanded: e
   });
 }
-var Ke = { name: "VvDropdownItem" }, xe = /* @__PURE__ */ S({
-  ...Ke,
-  props: $e,
+var He = { name: "VvDropdownItem" }, Ke = /* @__PURE__ */ S({
+  ...He,
+  props: Me,
   setup(e) {
-    const n = e, { role: l, expanded: t } = Ae(), o = h(null);
-    He({ expanded: t });
+    const n = e, { role: l, expanded: t } = Le(), o = h(null);
+    $e({ expanded: t });
     const a = le(o), { focused: v } = ue(o), { focused: p } = se(o);
     return $(a, (i) => {
       i && n.focusOnHover && (v.value = !0);
-    }), (i, c) => (_(), Z("div", P({ role: s(l) }, {
+    }), (i, c) => (P(), Z("div", _({ role: s(l) }, {
       ref_key: "element",
       ref: o,
       class: ["vv-dropdown__item", { "focus-visible": s(v) || s(p) }]
     }), [O(i.$slots, "default")], 16));
   }
-}), Fe = xe;
-function We(e, n, l) {
+}), xe = Ke;
+function Fe(e, n, l) {
   return b(() => {
     const t = { [e]: !0 }, o = typeof n?.value == "string" ? n.value.split(" ") : n?.value;
     return o && Array.isArray(o) && o.forEach((a) => {
@@ -515,16 +515,16 @@ function We(e, n, l) {
     }), t;
   });
 }
-var qe = /* @__PURE__ */ S({
+var We = /* @__PURE__ */ S({
   __name: "VvDropdownAction",
   props: {
     ...q,
     ...d
   },
   setup(e) {
-    const { modifiers: n } = ne(e), l = We("vv-dropdown-action", n);
-    return (t, o) => (_(), T(Fe, null, {
-      default: m(() => [ee(Me, P({
+    const { modifiers: n } = ne(e), l = Fe("vv-dropdown-action", n);
+    return (t, o) => (P(), T(xe, null, {
+      default: m(() => [ee(Re, _({
         disabled: t.disabled,
         pressed: t.pressed,
         active: t.active,
@@ -540,7 +540,7 @@ var qe = /* @__PURE__ */ S({
       _: 3
     }));
   }
-}), ot = qe;
+}), rt = We;
 export {
-  ot as default
+  rt as default
 };

package/dist/components/VvDropdownAction/VvDropdownAction.umd.js

@@ -1 +1 @@
-(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("mitt"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","mitt","@vueuse/core"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvDropdownAction=v(t.Vue,t.mitt,t.VueuseCore))})(this,function(t,v,g){var x=Object.create,h=Object.defineProperty,M=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyNames,$=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,K=(e,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(var n=R(a),i=0,f=n.length,s;i<f;i++)s=n[i],!H.call(e,s)&&s!==l&&h(e,s,{get:(d=>a[d]).bind(null,s),enumerable:!(r=M(a,s))||r.enumerable});return e},Ae=(e,a,l)=>(l=e!=null?x($(e)):{},K(a||!e||!e.__esModule?h(l,"default",{value:e,enumerable:!0}):l,e)),q={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},w=(function(e){return e.local="local",e.session="session",e})({}),F=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),B=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),W=(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})({}),j=(function(e){return e.before="before",e.after="after",e})({}),C=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),u=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),J=(function(e){return e.button="button",e.link="link",e.menuitem="menuitem",e})({}),N=(function(e){return e.listbox="listbox",e.menu="menu",e})({}),Y=Symbol.for("volver"),G=Symbol.for("dropdownTrigger"),z=Symbol.for("dropdownItem"),D=Symbol.for("dropdownAction"),U={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},m={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},_={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},c={disabled:{type:Boolean,default:!1}},I={required:{type:Boolean,default:!1}},Q={selected:{type:Boolean,default:!1}},X={active:{type:Boolean,default:!1}},Z={current:{type:Boolean,default:!1}},Le={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:q.clear},labelClear:{type:String,default:"Clear"}},ee={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},O={hintLabel:{type:String,default:""}},te={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},re={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},oe={debounce:{type:[Number,String],default:void 0}},ae={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:j.before,validation:e=>Object.values(j).includes(e)}},V={tabindex:{type:[String,Number],default:0}},ne={floating:{type:Boolean,default:!1}},le={unselectable:{type:Boolean,default:!0}},k={id:[String,Number]},ie={placement:{type:String,default:B.bottom,validator:e=>Object.values(B).includes(e)||Object.values(W).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(F).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}},E={...k,name:{type:String,required:!0}},se={autofocus:{type:Boolean,default:!1}},ue={autocomplete:{type:String,default:"off"}},Te={...E,...se,...ue,...V,...c,...S,...m,..._,...O,...P,...p,...re,...oe,...ae,...ne,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...I},xe={...E,...V,...m,..._,...O,...c,...S,...p,...b,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},Me={...m,..._,...te,...O,...c,...S,...p,...b,...P,...I,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},A={...c,...b,...ee,...X,...Z,...U,type:{type:String,default:C.button,validator:e=>Object.values(C).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:u.button}},Re={storageType:{type:String,default:w.local,validator:e=>Object.values(w).includes(e)},storageKey:String},de=["click","mouseover","mouseleave"],pe=A;function fe(){return(0,t.inject)(Y,void 0)}function ce(){return(0,t.inject)(G,{})}function ve(){return(0,t.inject)(z,{})}function be(){return(0,t.inject)(D,{})}var ye={name:"VvAction"},ge=(0,t.defineComponent)({...ye,props:pe,emits:de,setup(e,{expose:a,emit:l}){const r=e,n=l,i=(0,t.getCurrentInstance)(),f=fe(),s=(0,t.ref)(null);a({$el:s});const{reference:d,bus:y,aria:Ce,expanded:Ne}=ce();(0,t.watch)(()=>s.value,o=>{d&&(d.value=o)});const L=(0,t.computed)(()=>r.pressed||Ne?.value),{role:De}=be(),T=(0,t.computed)(()=>{switch(!0){case r.disabled:return u.button;case r.to!==void 0:return f?.nuxt?(0,t.resolveComponent)(u.nuxtLink):u.routerLink;case r.href!==void 0:return u.a;default:return r.defaultTag}}),Ie=(0,t.computed)(()=>{const o={...Ce?.value,ariaPressed:L.value?!0:void 0,ariaLabel:r.ariaLabel,role:De?.value};switch(T.value){case u.a:return{...o,href:r.href,target:r.target,rel:r.rel};case u.routerLink:case u.nuxtLink:return{...o,to:r.to,target:r.target};case u.button:return{...o,type:r.type,disabled:r.disabled};default:return o}});function Ve(o){if(r.disabled){o.preventDefault();return}if(i?.vnode.props?.onClick){n("click",o);return}y?.emit("click",o)}function ke(o){if(i?.vnode.props?.onMouseover){n("mouseover",o);return}y?.emit("mouseover",o)}function Ee(o){if(i?.vnode.props?.onMouseleave){n("mouseleave",o);return}y?.emit("mouseleave",o)}return(o,Ke)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(T)),(0,t.mergeProps)((0,t.unref)(Ie),{ref_key:"rootEl",ref:s,class:{active:o.active,pressed:(0,t.unref)(L),disabled:o.disabled,current:o.current},onClickPassive:Ve,onMouseoverPassive:ke,onMouseleavePassive:Ee}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(o.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.label),1)])]),_:3},16,["class"]))}}),me=ge,$e={...k,...ie,...p,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:N.menu,validator:e=>Object.values(N).includes(e)}},_e={focusOnHover:{type:Boolean,default:!1}},He={...c,...Q,...le,...p,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function Pe({expanded:e}){(0,t.provide)(D,{role:(0,t.ref)(J.menuitem),expanded:e})}var Se={name:"VvDropdownItem"},Oe=(0,t.defineComponent)({...Se,props:_e,setup(e){const a=e,{role:l,expanded:r}=ve(),n=(0,t.ref)(null);Pe({expanded:r});const i=(0,g.useElementHover)(n),{focused:f}=(0,g.useFocus)(n),{focused:s}=(0,g.useFocusWithin)(n);return(0,t.watch)(i,d=>{d&&a.focusOnHover&&(f.value=!0)}),(d,y)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({role:(0,t.unref)(l)},{ref_key:"element",ref:n,class:["vv-dropdown__item",{"focus-visible":(0,t.unref)(f)||(0,t.unref)(s)}]}),[(0,t.renderSlot)(d.$slots,"default")],16))}}),he=Oe;function we(e,a,l){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof a?.value=="string"?a.value.split(" "):a?.value;return n&&Array.isArray(n)&&n.forEach(i=>{i&&(r[`${e}--${i}`]=!0)}),l&&Object.keys(l.value).forEach(i=>{r[`${e}--${i}`]=(0,t.unref)(l.value[i])}),r})}var Be=(0,t.defineComponent)({__name:"VvDropdownAction",props:{...A,...p},setup(e){const{modifiers:a}=(0,t.toRefs)(e),l=we("vv-dropdown-action",a);return(r,n)=>((0,t.openBlock)(),(0,t.createBlock)(he,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(me,(0,t.mergeProps)({disabled:r.disabled,pressed:r.pressed,active:r.active,type:r.type,to:r.to,href:r.href,target:r.target,rel:r.rel},{class:(0,t.unref)(l)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"])]),_:3}))}}),je=Be;return je});
+(function(t,v){typeof exports=="object"&&typeof module<"u"?module.exports=v(require("vue"),require("mitt"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["vue","mitt","@vueuse/core"],v):(t=typeof globalThis<"u"?globalThis:t||self,t.VvDropdownAction=v(t.Vue,t.mitt,t.VueuseCore))})(this,function(t,v,g){var x=Object.create,h=Object.defineProperty,M=Object.getOwnPropertyDescriptor,R=Object.getOwnPropertyNames,$=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,K=(e,a,l,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(var n=R(a),i=0,f=n.length,s;i<f;i++)s=n[i],!H.call(e,s)&&s!==l&&h(e,s,{get:(d=>a[d]).bind(null,s),enumerable:!(r=M(a,s))||r.enumerable});return e},Ee=(e,a,l)=>(l=e!=null?x($(e)):{},K(a||!e||!e.__esModule?h(l,"default",{value:e,enumerable:!0}):l,e)),q={showPassword:"eye-on",hidePassword:"eye-off",showDatePicker:"calendar",showTimePicker:"time",showColorPicker:"color",clear:"close",add:"add",remove:"trash",edit:"edit",download:"download"},w=(function(e){return e.local="local",e.session="session",e})({}),F=(function(e){return e.absolute="absolute",e.fixed="fixed",e})({}),B=(function(e){return e.left="left",e.right="right",e.top="top",e.bottom="bottom",e})({}),W=(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})({}),j=(function(e){return e.before="before",e.after="after",e})({}),C=(function(e){return e.button="button",e.submit="submit",e.reset="reset",e})({}),u=(function(e){return e.nuxtLink="nuxt-link",e.routerLink="router-link",e.a="a",e.button="button",e})({}),J=(function(e){return e.button="button",e.link="link",e.menuitem="menuitem",e})({}),N=(function(e){return e.listbox="listbox",e.menu="menu",e})({}),Y=Symbol.for("volver"),G=Symbol.for("dropdownTrigger"),z=Symbol.for("dropdownItem"),D=Symbol.for("dropdownAction"),U={to:{type:[String,Object]},href:String,target:String,rel:{type:String,default:"noopener noreferrer"}},m={valid:{type:Boolean,default:!1},validLabel:{type:[String,Array],default:void 0}},_={invalid:{type:Boolean,default:!1},invalidLabel:{type:[String,Array],default:void 0}},P={loading:{type:Boolean,default:!1},loadingLabel:{type:String,default:"Loading..."}},c={disabled:{type:Boolean,default:!1}},I={required:{type:Boolean,default:!1}},Q={selected:{type:Boolean,default:!1}},X={active:{type:Boolean,default:!1}},Z={current:{type:Boolean,default:!1}},Ae={showClearAction:{type:Boolean,default:!1},iconClear:{type:[String,Object],default:q.clear},labelClear:{type:String,default:"Clear"}},ee={pressed:{type:Boolean,default:!1}},b={label:{type:[String,Number],default:void 0}},S={readonly:{type:Boolean,default:!1}},p={modifiers:{type:[String,Array],default:void 0}},O={hintLabel:{type:String,default:""}},te={options:{type:Array,default:()=>[]},labelKey:{type:[String,Function],default:"label"},valueKey:{type:[String,Function],default:"value"},disabledKey:{type:[String,Function],default:"disabled"}},re={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},oe={debounce:{type:[Number,String],default:void 0}},ae={icon:{type:[String,Object],default:void 0},iconPosition:{type:String,default:j.before,validation:e=>Object.values(j).includes(e)}},V={tabindex:{type:[String,Number],default:0}},ne={floating:{type:Boolean,default:!1}},le={unselectable:{type:Boolean,default:!0}},k={id:[String,Number]},ie={placement:{type:String,default:B.bottom,validator:e=>Object.values(B).includes(e)||Object.values(W).includes(e)},strategy:{type:String,default:void 0,validator:e=>Object.values(F).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}},E={...k,name:{type:String,required:!0}},se={autofocus:{type:Boolean,default:!1}},ue={autocomplete:{type:String,default:"off"}},Le={...E,...se,...ue,...V,...c,...S,...m,..._,...O,...P,...p,...re,...oe,...ae,...ne,...b,minlength:{type:[String,Number],default:void 0},maxlength:{type:[String,Number],default:void 0},placeholder:{type:String,default:void 0},...I},Te={...E,...V,...m,..._,...O,...c,...S,...p,...b,...P,value:{type:[String,Number,Boolean],default:void 0},modelValue:{type:[Object,Number,Boolean,String],default:void 0}},xe={...m,..._,...te,...O,...c,...S,...p,...b,...P,...I,modelValue:{type:[String,Array,Boolean,Number,Symbol],default:void 0},name:{type:String,required:!0},vertical:{type:Boolean,default:!1}},A={...c,...b,...ee,...X,...Z,...U,type:{type:String,default:C.button,validator:e=>Object.values(C).includes(e)},ariaLabel:{type:String,default:void 0},defaultTag:{type:String,default:u.button}},Me={storageType:{type:String,default:w.local,validator:e=>Object.values(w).includes(e)},storageKey:String},de=["click","mouseover","mouseleave"];function pe(){return(0,t.inject)(Y,void 0)}function fe(){return(0,t.inject)(G,{})}function ce(){return(0,t.inject)(z,{})}function ve(){return(0,t.inject)(D,{})}var be={name:"VvAction"},ye=(0,t.defineComponent)({...be,props:A,emits:de,setup(e,{expose:a,emit:l}){const r=e,n=l,i=(0,t.getCurrentInstance)(),f=pe(),s=(0,t.ref)(null);a({$el:s});const{reference:d,bus:y,aria:je,expanded:Ce}=fe();(0,t.watch)(()=>s.value,o=>{d&&(d.value=o)});const L=(0,t.computed)(()=>r.pressed||Ce?.value),{role:Ne}=ve(),T=(0,t.computed)(()=>{switch(!0){case r.disabled:return u.button;case r.to!==void 0:return f?.nuxt?(0,t.resolveComponent)(u.nuxtLink):u.routerLink;case r.href!==void 0:return u.a;default:return r.defaultTag}}),De=(0,t.computed)(()=>{const o={...je?.value,ariaPressed:L.value?!0:void 0,ariaLabel:r.ariaLabel,role:Ne?.value};switch(T.value){case u.a:return{...o,href:r.href,target:r.target,rel:r.rel};case u.routerLink:case u.nuxtLink:return{...o,to:r.to,target:r.target};case u.button:return{...o,type:r.type,disabled:r.disabled};default:return o}});function Ie(o){if(r.disabled){o.preventDefault();return}if(i?.vnode.props?.onClick){n("click",o);return}y?.emit("click",o)}function Ve(o){if(i?.vnode.props?.onMouseover){n("mouseover",o);return}y?.emit("mouseover",o)}function ke(o){if(i?.vnode.props?.onMouseleave){n("mouseleave",o);return}y?.emit("mouseleave",o)}return(o,He)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)((0,t.unref)(T)),(0,t.mergeProps)((0,t.unref)(De),{ref_key:"rootEl",ref:s,class:{active:o.active,pressed:(0,t.unref)(L),disabled:o.disabled,current:o.current},onClickPassive:Ie,onMouseoverPassive:Ve,onMouseleavePassive:ke}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(o.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(o.label),1)])]),_:3},16,["class"]))}}),ge=ye,Re={...k,...ie,...p,modelValue:{type:Boolean,default:void 0},reference:{type:Object,default:null},role:{type:String,default:N.menu,validator:e=>Object.values(N).includes(e)}},me={focusOnHover:{type:Boolean,default:!1}},$e={...c,...Q,...le,...p,deselectHintLabel:{type:String},selectHintLabel:{type:String},selectedHintLabel:{type:String},focusOnHover:{type:Boolean,default:!1}};function _e({expanded:e}){(0,t.provide)(D,{role:(0,t.ref)(J.menuitem),expanded:e})}var Pe={name:"VvDropdownItem"},Se=(0,t.defineComponent)({...Pe,props:me,setup(e){const a=e,{role:l,expanded:r}=ce(),n=(0,t.ref)(null);_e({expanded:r});const i=(0,g.useElementHover)(n),{focused:f}=(0,g.useFocus)(n),{focused:s}=(0,g.useFocusWithin)(n);return(0,t.watch)(i,d=>{d&&a.focusOnHover&&(f.value=!0)}),(d,y)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({role:(0,t.unref)(l)},{ref_key:"element",ref:n,class:["vv-dropdown__item",{"focus-visible":(0,t.unref)(f)||(0,t.unref)(s)}]}),[(0,t.renderSlot)(d.$slots,"default")],16))}}),Oe=Se;function he(e,a,l){return(0,t.computed)(()=>{const r={[e]:!0},n=typeof a?.value=="string"?a.value.split(" "):a?.value;return n&&Array.isArray(n)&&n.forEach(i=>{i&&(r[`${e}--${i}`]=!0)}),l&&Object.keys(l.value).forEach(i=>{r[`${e}--${i}`]=(0,t.unref)(l.value[i])}),r})}var we=(0,t.defineComponent)({__name:"VvDropdownAction",props:{...A,...p},setup(e){const{modifiers:a}=(0,t.toRefs)(e),l=he("vv-dropdown-action",a);return(r,n)=>((0,t.openBlock)(),(0,t.createBlock)(Oe,null,{default:(0,t.withCtx)(()=>[(0,t.createVNode)(ge,(0,t.mergeProps)({disabled:r.disabled,pressed:r.pressed,active:r.active,type:r.type,to:r.to,href:r.href,target:r.target,rel:r.rel},{class:(0,t.unref)(l)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(r.$slots,"default",{},()=>[(0,t.createTextVNode)((0,t.toDisplayString)(r.label),1)])]),_:3},16,["class"])]),_:3}))}}),Be=we;return Be});

package/dist/components/VvIcon/VvIcon.es.js

@@ -1,21 +1,21 @@
-import { computed as f, createBlock as $, createCommentVNode as w, defineComponent as y, inject as x, mergeDefaults as C, mergeProps as F, openBlock as I, ref as V, toRefs as E, unref as l } from "vue";
-import { Icon as b, addIcon as B, iconLoaded as v } from "@iconify/vue";
+import { computed as v, createBlock as $, createCommentVNode as y, defineComponent as w, inject as x, mergeDefaults as C, mergeProps as F, openBlock as I, ref as V, toRefs as b, unref as l } from "vue";
+import { Icon as E, addIcon as B, iconLoaded as f } from "@iconify/vue";
 var L = { prefix: "normal" }, N = /* @__PURE__ */ Symbol.for("volver");
-function P() {
+function S() {
   return x(N, void 0);
 }
-function S(o, e, c) {
-  return f(() => {
-    const n = { [o]: !0 }, i = typeof e?.value == "string" ? e.value.split(" ") : e?.value;
-    return i && Array.isArray(i) && i.forEach((a) => {
-      a && (n[`${o}--${a}`] = !0);
+function O(o, e, c) {
+  return v(() => {
+    const r = { [o]: !0 }, n = typeof e?.value == "string" ? e.value.split(" ") : e?.value;
+    return n && Array.isArray(n) && n.forEach((a) => {
+      a && (r[`${o}--${a}`] = !0);
     }), c && Object.keys(c.value).forEach((a) => {
-      n[`${o}--${a}`] = l(c.value[a]);
-    }), n;
+      r[`${o}--${a}`] = l(c.value[a]);
+    }), r;
   });
 }
-var O = { name: "VvIcon" }, R = /* @__PURE__ */ y({
-  ...O,
+var P = { name: "VvIcon" }, R = /* @__PURE__ */ w({
+  ...P,
   props: /* @__PURE__ */ C({
     name: {},
     color: {},
@@ -35,31 +35,30 @@ var O = { name: "VvIcon" }, R = /* @__PURE__ */ y({
     modifiers: {}
   }, L),
   setup(o) {
-    const e = o, c = f(() => typeof e.rotate == "string" ? Number.parseFloat(e.rotate) : e.rotate), n = V(!0), i = P(), { modifiers: a } = E(e), m = S("vv-icon", a), u = f(() => e.provider || i?.iconsProvider), h = f(() => {
-      const t = e.name ?? "", r = `@${u.value}:${e.prefix}:${t}`;
-      if (v(r)) return r;
-      const s = i?.iconsCollections.find((g) => v(`@${u.value}:${g.prefix}:${t}`));
+    const e = o, c = v(() => typeof e.rotate == "string" ? Number.parseFloat(e.rotate) : e.rotate), r = V(!0), n = S(), { modifiers: a } = b(e), h = O("vv-icon", a), u = v(() => e.provider || n?.iconsProvider), m = v(() => {
+      const t = e.name ?? "", i = `@${u.value}:${e.prefix}:${t}`;
+      if (f(i)) return i;
+      const s = n?.iconsCollections.find((g) => f(`@${u.value}:${g.prefix}:${t}`));
       return s ? `@${u.value}:${s.prefix}:${t}` : t;
     });
     function p(t) {
-      const r = typeof window < "u" ? new window.DOMParser() : null;
-      return r ? r.parseFromString(t, "text/html").querySelector("svg") : null;
+      return globalThis.window === void 0 ? null : new globalThis.DOMParser().parseFromString(t, "text/html").querySelector("svg");
     }
     function d(t) {
-      const r = p(t), s = r?.innerHTML.trim() || "";
-      r && s && B(`@${u.value}:${e.prefix}:${e.name}`, {
+      const i = p(t), s = i?.innerHTML.trim() || "";
+      i && s && B(`@${u.value}:${e.prefix}:${e.name}`, {
         body: s,
-        height: r.viewBox.baseVal.height,
-        width: r.viewBox.baseVal.width
+        height: i.viewBox.baseVal.height,
+        width: i.viewBox.baseVal.width
       });
     }
-    return i && e.src && !v(`@${u.value}:${e.prefix}:${e.name}`) && (n.value = !1, i.fetchIcon(e.src).then((t) => {
-      t && d(t), n.value = !0;
+    return n && e.src && !f(`@${u.value}:${e.prefix}:${e.name}`) && (r.value = !1, n.fetchIcon(e.src).then((t) => {
+      t && d(t), r.value = !0;
     }).catch((t) => {
-      throw n.value = !0, new Error(`Error during fetch icon: ${t?.message}`);
-    })), e.svg && d(e.svg), (t, r) => l(n) ? (I(), $(l(b), F({
+      throw r.value = !0, new Error(`Error during fetch icon: ${t?.message}`);
+    })), e.svg && d(e.svg), (t, i) => l(r) ? (I(), $(l(E), F({
       key: 0,
-      class: l(m)
+      class: l(h)
     }, {
       inline: o.inline,
       width: o.width,
@@ -69,10 +68,10 @@ var O = { name: "VvIcon" }, R = /* @__PURE__ */ y({
       flip: o.flip,
       rotate: l(c),
       color: o.color,
-      icon: l(h)
-    }, { onLoad: o.onLoad }), null, 16, ["class", "onLoad"])) : w("v-if", !0);
+      icon: l(m)
+    }, { onLoad: o.onLoad }), null, 16, ["class", "onLoad"])) : y("v-if", !0);
   }
-}), A = R;
+}), z = R;
 export {
-  A as default
+  z as default
 };

package/dist/components/VvIcon/VvIcon.umd.js

@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.VvIcon=i(e.Vue,e.IconifyVue))})(this,function(e,i){var p={prefix:"normal"},v=Symbol.for("volver");function h(){return(0,e.inject)(v,void 0)}function m(o,n,s){return(0,e.computed)(()=>{const a={[o]:!0},c=typeof n?.value=="string"?n.value.split(" "):n?.value;return c&&Array.isArray(c)&&c.forEach(l=>{l&&(a[`${o}--${l}`]=!0)}),s&&Object.keys(s.value).forEach(l=>{a[`${o}--${l}`]=(0,e.unref)(s.value[l])}),a})}var $={name:"VvIcon"},g=(0,e.defineComponent)({...$,props:(0,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:{}},p),setup(o){const n=o,s=(0,e.computed)(()=>typeof n.rotate=="string"?Number.parseFloat(n.rotate):n.rotate),a=(0,e.ref)(!0),c=h(),{modifiers:l}=(0,e.toRefs)(n),w=m("vv-icon",l),f=(0,e.computed)(()=>n.provider||c?.iconsProvider),V=(0,e.computed)(()=>{const t=n.name??"",r=`@${f.value}:${n.prefix}:${t}`;if((0,i.iconLoaded)(r))return r;const u=c?.iconsCollections.find(x=>(0,i.iconLoaded)(`@${f.value}:${x.prefix}:${t}`));return u?`@${f.value}:${u.prefix}:${t}`:t});function I(t){const r=typeof window<"u"?new window.DOMParser:null;return r?r.parseFromString(t,"text/html").querySelector("svg"):null}function d(t){const r=I(t),u=r?.innerHTML.trim()||"";r&&u&&(0,i.addIcon)(`@${f.value}:${n.prefix}:${n.name}`,{body:u,height:r.viewBox.baseVal.height,width:r.viewBox.baseVal.width})}return c&&n.src&&!(0,i.iconLoaded)(`@${f.value}:${n.prefix}:${n.name}`)&&(a.value=!1,c.fetchIcon(n.src).then(t=>{t&&d(t),a.value=!0}).catch(t=>{throw a.value=!0,new Error(`Error during fetch icon: ${t?.message}`)})),n.svg&&d(n.svg),(t,r)=>(0,e.unref)(a)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(w)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:(0,e.unref)(s),color:o.color,icon:(0,e.unref)(V)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),y=g;return y});
+(function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue"),require("@iconify/vue")):typeof define=="function"&&define.amd?define(["vue","@iconify/vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e.VvIcon=r(e.Vue,e.IconifyVue))})(this,function(e,r){var v={prefix:"normal"},h=Symbol.for("volver");function p(){return(0,e.inject)(h,void 0)}function m(o,n,s){return(0,e.computed)(()=>{const i={[o]:!0},a=typeof n?.value=="string"?n.value.split(" "):n?.value;return a&&Array.isArray(a)&&a.forEach(l=>{l&&(i[`${o}--${l}`]=!0)}),s&&Object.keys(s.value).forEach(l=>{i[`${o}--${l}`]=(0,e.unref)(s.value[l])}),i})}var g={name:"VvIcon"},$=(0,e.defineComponent)({...g,props:(0,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:{}},v),setup(o){const n=o,s=(0,e.computed)(()=>typeof n.rotate=="string"?Number.parseFloat(n.rotate):n.rotate),i=(0,e.ref)(!0),a=p(),{modifiers:l}=(0,e.toRefs)(n),w=m("vv-icon",l),f=(0,e.computed)(()=>n.provider||a?.iconsProvider),V=(0,e.computed)(()=>{const t=n.name??"",c=`@${f.value}:${n.prefix}:${t}`;if((0,r.iconLoaded)(c))return c;const u=a?.iconsCollections.find(x=>(0,r.iconLoaded)(`@${f.value}:${x.prefix}:${t}`));return u?`@${f.value}:${u.prefix}:${t}`:t});function I(t){return globalThis.window===void 0?null:new globalThis.DOMParser().parseFromString(t,"text/html").querySelector("svg")}function d(t){const c=I(t),u=c?.innerHTML.trim()||"";c&&u&&(0,r.addIcon)(`@${f.value}:${n.prefix}:${n.name}`,{body:u,height:c.viewBox.baseVal.height,width:c.viewBox.baseVal.width})}return a&&n.src&&!(0,r.iconLoaded)(`@${f.value}:${n.prefix}:${n.name}`)&&(i.value=!1,a.fetchIcon(n.src).then(t=>{t&&d(t),i.value=!0}).catch(t=>{throw i.value=!0,new Error(`Error during fetch icon: ${t?.message}`)})),n.svg&&d(n.svg),(t,c)=>(0,e.unref)(i)?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(r.Icon),(0,e.mergeProps)({key:0,class:(0,e.unref)(w)},{inline:o.inline,width:o.width,height:o.height,horizontalFlip:o.horizontalFlip,verticalFlip:o.verticalFlip,flip:o.flip,rotate:(0,e.unref)(s),color:o.color,icon:(0,e.unref)(V)},{onLoad:o.onLoad}),null,16,["class","onLoad"])):(0,e.createCommentVNode)("v-if",!0)}}),y=$;return y});