@volverjs/ui-vue 0.0.13-beta.9 → 0.0.14

package/dist/components/VvDropdownOption/VvDropdownOption.es.js

@@ -1,4 +1,4 @@
-import { computed as f, createBlock as k, createElementBlock as V, createElementVNode as E, createTextVNode as A, defineComponent as B, guardReactiveProps as H, inject as $, mergeProps as x, normalizeClass as F, normalizeProps as K, openBlock as w, provide as R, ref as N, renderSlot as v, toDisplayString as T, toRefs as W, unref as n, watch as q, withCtx as z } from "vue";
+import { computed as f, createBlock as k, createElementBlock as V, createElementVNode as E, createTextVNode as A, defineComponent as B, guardReactiveProps as H, inject as x, mergeProps as $, normalizeClass as F, normalizeProps as K, openBlock as w, provide as R, ref as N, renderSlot as v, toDisplayString as T, toRefs as W, unref as n, watch as q, withCtx as z } from "vue";
 import "mitt";
 import { useElementHover as M, useFocus as J, useFocusWithin as Y } from "@vueuse/core";
 var S = /* @__PURE__ */ (function(e) {
@@ -30,9 +30,7 @@ var S = /* @__PURE__ */ (function(e) {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, ae = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), ke = { prefix: ae.normal }, re = {
+}, ae = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -73,16 +71,16 @@ var S = /* @__PURE__ */ (function(e) {
 } }, j = { required: {
   type: Boolean,
   default: !1
-} }, oe = { selected: {
+} }, re = { selected: {
   type: Boolean,
   default: !1
-} }, le = { active: {
+} }, oe = { active: {
   type: Boolean,
   default: !1
-} }, ne = { current: {
+} }, le = { current: {
   type: Boolean,
   default: !1
-} }, Ve = {
+} }, Le = {
   showClearAction: {
     type: Boolean,
     default: !1
@@ -95,22 +93,22 @@ var S = /* @__PURE__ */ (function(e) {
     type: String,
     default: "Clear"
   }
-}, de = { pressed: {
+}, ne = { pressed: {
   type: Boolean,
   default: !1
 } }, u = { label: {
   type: [String, Number],
   default: void 0
-} }, m = { readonly: {
+} }, g = { readonly: {
   type: Boolean,
   default: !1
 } }, i = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, g = { hintLabel: {
+} }, m = { hintLabel: {
   type: String,
   default: ""
-} }, ie = {
+} }, de = {
   options: {
     type: Array,
     default: () => []
@@ -127,7 +125,7 @@ var S = /* @__PURE__ */ (function(e) {
     type: [String, Function],
     default: "disabled"
   }
-}, ue = { count: {
+}, ie = { count: {
   type: [Boolean, String],
   default: !1,
   validator: (e) => [
@@ -136,10 +134,10 @@ var S = /* @__PURE__ */ (function(e) {
     "limit",
     "countdown"
   ].includes(e)
-} }, se = { debounce: {
+} }, ue = { debounce: {
   type: [Number, String],
   default: void 0
-} }, pe = {
+} }, se = {
   icon: {
     type: [String, Object],
     default: void 0
@@ -152,13 +150,13 @@ var S = /* @__PURE__ */ (function(e) {
 }, C = { tabindex: {
   type: [String, Number],
   default: 0
-} }, fe = { floating: {
+} }, pe = { floating: {
   type: Boolean,
   default: !1
-} }, ve = { unselectable: {
+} }, fe = { unselectable: {
   type: Boolean,
   default: !0
-} }, D = { id: [String, Number] }, ce = {
+} }, I = { id: [String, Number] }, ve = {
   placement: {
     type: String,
     default: P.bottom,
@@ -213,34 +211,34 @@ var S = /* @__PURE__ */ (function(e) {
     type: Boolean,
     default: !1
   }
-}, I = {
-  ...D,
+}, D = {
+  ...I,
   name: {
     type: String,
     required: !0
   }
-}, be = { autofocus: {
+}, ce = { autofocus: {
   type: Boolean,
   default: !1
-} }, ye = { autocomplete: {
+} }, be = { autocomplete: {
   type: String,
   default: "off"
-} }, Ee = {
-  ...I,
+} }, ke = {
+  ...D,
+  ...ce,
   ...be,
-  ...ye,
   ...C,
   ...d,
-  ...m,
+  ...g,
   ...c,
   ...b,
-  ...g,
+  ...m,
   ...y,
   ...i,
+  ...ie,
   ...ue,
   ...se,
   ...pe,
-  ...fe,
   ...u,
   minlength: {
     type: [String, Number],
@@ -255,14 +253,14 @@ var S = /* @__PURE__ */ (function(e) {
     default: void 0
   },
   ...j
-}, Ae = {
-  ...I,
+}, Ve = {
+  ...D,
   ...C,
   ...c,
   ...b,
-  ...g,
-  ...d,
   ...m,
+  ...d,
+  ...g,
   ...i,
   ...u,
   ...y,
@@ -283,13 +281,13 @@ var S = /* @__PURE__ */ (function(e) {
     ],
     default: void 0
   }
-}, He = {
+}, Ee = {
   ...c,
   ...b,
-  ...ie,
-  ...g,
-  ...d,
+  ...de,
   ...m,
+  ...d,
+  ...g,
   ...i,
   ...u,
   ...y,
@@ -312,13 +310,13 @@ var S = /* @__PURE__ */ (function(e) {
     type: Boolean,
     default: !1
   }
-}, $e = {
+}, Ae = {
   ...d,
   ...u,
-  ...de,
-  ...le,
   ...ne,
-  ...re,
+  ...oe,
+  ...le,
+  ...ae,
   type: {
     type: String,
     default: h.button,
@@ -332,16 +330,16 @@ var S = /* @__PURE__ */ (function(e) {
     type: String,
     default: Q.button
   }
-}, xe = {
+}, He = {
   storageType: {
     type: String,
     default: S.local,
     validator: (e) => Object.values(S).includes(e)
   },
   storageKey: String
-}, Fe = {
-  ...D,
-  ...ce,
+}, xe = {
+  ...I,
+  ...ve,
   ...i,
   modelValue: {
     type: Boolean,
@@ -356,13 +354,13 @@ var S = /* @__PURE__ */ (function(e) {
     default: _.menu,
     validator: (e) => Object.values(_).includes(e)
   }
-}, me = { focusOnHover: {
+}, ye = { focusOnHover: {
   type: Boolean,
   default: !1
 } }, ge = {
   ...d,
-  ...oe,
-  ...ve,
+  ...re,
+  ...fe,
   ...i,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
@@ -372,32 +370,32 @@ var S = /* @__PURE__ */ (function(e) {
     default: !1
   }
 };
-function Se() {
-  return $(Z, {});
+function me() {
+  return x(Z, {});
 }
-function Pe({ expanded: e }) {
+function Se({ expanded: e }) {
   R(ee, {
     role: N(X.menuitem),
     expanded: e
   });
 }
-var Oe = { name: "VvDropdownItem" }, he = /* @__PURE__ */ B({
-  ...Oe,
-  props: me,
+var Pe = { name: "VvDropdownItem" }, Oe = /* @__PURE__ */ B({
+  ...Pe,
+  props: ye,
   setup(e) {
-    const t = e, { role: o, expanded: l } = Se(), r = N(null);
-    Pe({ expanded: l });
+    const t = e, { role: o, expanded: l } = me(), r = N(null);
+    Se({ expanded: l });
     const a = M(r), { focused: s } = J(r), { focused: L } = Y(r);
     return q(a, (p) => {
       p && t.focusOnHover && (s.value = !0);
-    }), (p, Ce) => (w(), V("div", x({ role: n(o) }, {
+    }), (p, je) => (w(), V("div", $({ role: n(o) }, {
       ref_key: "element",
       ref: r,
       class: ["vv-dropdown__item", { "focus-visible": n(s) || n(L) }]
     }), [v(p.$slots, "default")], 16));
   }
-}), _e = he;
-function Be(e, t, o) {
+}), he = Oe;
+function _e(e, t, o) {
   return f(() => {
     const l = { [e]: !0 }, r = typeof t?.value == "string" ? t.value.split(" ") : t?.value;
     return r && Array.isArray(r) && r.forEach((a) => {
@@ -407,16 +405,16 @@ function Be(e, t, o) {
     }), l;
   });
 }
-var we = ["title"], Ne = { name: "VvDropdownOption" }, je = /* @__PURE__ */ B({
-  ...Ne,
+var Be = ["title"], we = { name: "VvDropdownOption" }, Ne = /* @__PURE__ */ B({
+  ...we,
   props: ge,
   setup(e) {
-    const t = e, { modifiers: o } = W(t), l = Be("vv-dropdown-option", o, f(() => ({
+    const t = e, { modifiers: o } = W(t), l = _e("vv-dropdown-option", o, f(() => ({
       disabled: t.disabled,
       selected: t.selected,
       unselectable: t.unselectable && t.selected
     }))), r = f(() => t.selected ? t.unselectable ? t.deselectHintLabel : t.selectedHintLabel : t.disabled ? "" : t.selectHintLabel);
-    return (a, s) => (w(), k(_e, {
+    return (a, s) => (w(), k(he, {
       class: F(n(l)),
       tabindex: a.disabled ? -1 : 0,
       "aria-selected": a.selected,
@@ -430,7 +428,7 @@ var we = ["title"], Ne = { name: "VvDropdownOption" }, je = /* @__PURE__ */ B({
         disabled: a.disabled,
         selected: a.selected,
         unselectable: a.unselectable
-      })), () => [A(T(n(r)), 1)])], 8, we)]),
+      })), () => [A(T(n(r)), 1)])], 8, Be)]),
       _: 3
     }, 8, [
       "class",
@@ -440,7 +438,7 @@ var we = ["title"], Ne = { name: "VvDropdownOption" }, je = /* @__PURE__ */ B({
       "focus-on-hover"
     ]));
   }
-}), Ke = je;
+}), $e = Ne;
 export {
-  Ke as default
+  $e as default
 };

package/dist/components/VvDropdownOption/VvDropdownOption.umd.js

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

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

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