@volverjs/ui-vue 0.0.13-beta.8 → 0.0.13

package/dist/components/VvDropdown/VvDropdown.es.js

@@ -1,28 +1,26 @@
-import { Fragment as ve, Transition as Ke, computed as i, createCommentVNode as Fe, createElementBlock as Q, createElementVNode as X, createVNode as Z, defineComponent as ce, guardReactiveProps as O, h as Ge, mergeProps as ee, nextTick as _, normalizeClass as He, normalizeProps as x, normalizeStyle as te, onMounted as Ue, openBlock as re, provide as be, ref as p, renderSlot as N, toHandlers as We, toRefs as oe, unref as l, useAttrs as Je, useId as Ye, vShow as ze, watch as Me, withCtx as ae, withDirectives as qe } from "vue";
-import { arrow as Qe, autoPlacement as le, autoUpdate as Xe, flip as ne, offset as k, shift as ie, size as ue, useFloating as Ze } from "@floating-ui/vue";
-import { onClickOutside as et, onKeyStroke as C, useElementHover as tt, useFocusWithin as rt, useMutationObserver as ot, useVModel as at } from "@vueuse/core";
-import lt from "mitt";
-var se = /* @__PURE__ */ (function(e) {
+import { Fragment as be, Transition as He, computed as i, createCommentVNode as Me, createElementBlock as X, createElementVNode as Z, createVNode as ee, defineComponent as me, guardReactiveProps as C, h as We, mergeProps as te, nextTick as B, normalizeClass as Ke, normalizeProps as _, normalizeStyle as re, onMounted as ze, openBlock as ae, provide as ye, ref as p, renderSlot as N, toHandlers as qe, toRefs as oe, unref as n, useAttrs as Ue, useId as Ge, vShow as Je, watch as Ye, withCtx as le, withDirectives as Qe } from "vue";
+import { arrow as Xe, autoPlacement as ne, autoUpdate as Ze, flip as ie, offset as ue, shift as se, size as de, useFloating as et } from "@floating-ui/vue";
+import { onClickOutside as tt, onKeyStroke as k, useElementHover as rt, useFocusWithin as at, useMutationObserver as ot, useVModel as lt } from "@vueuse/core";
+import nt from "mitt";
+var fe = /* @__PURE__ */ (function(e) {
   return e.local = "local", e.session = "session", e;
-})({}), me = /* @__PURE__ */ (function(e) {
+})({}), ge = /* @__PURE__ */ (function(e) {
   return e.absolute = "absolute", e.fixed = "fixed", e;
 })({}), d = /* @__PURE__ */ (function(e) {
   return e.left = "left", e.right = "right", e.top = "top", e.bottom = "bottom", e;
-})({}), nt = /* @__PURE__ */ (function(e) {
+})({}), it = /* @__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;
-})({}), de = /* @__PURE__ */ (function(e) {
+})({}), pe = /* @__PURE__ */ (function(e) {
   return e.before = "before", e.after = "after", e;
-})({}), fe = /* @__PURE__ */ (function(e) {
+})({}), ve = /* @__PURE__ */ (function(e) {
   return e.button = "button", e.submit = "submit", e.reset = "reset", e;
-})({}), it = /* @__PURE__ */ (function(e) {
+})({}), ut = /* @__PURE__ */ (function(e) {
   return e.nuxtLink = "nuxt-link", e.routerLink = "router-link", e.a = "a", e.button = "button", e;
-})({}), L = /* @__PURE__ */ (function(e) {
+})({}), V = /* @__PURE__ */ (function(e) {
   return e.listbox = "listbox", e.menu = "menu", e;
-})({}), pe = /* @__PURE__ */ (function(e) {
+})({}), ce = /* @__PURE__ */ (function(e) {
   return e.option = "option", e.presentation = "presentation", e;
-})({});
-var ut = /* @__PURE__ */ Symbol.for("dropdownTrigger"), st = /* @__PURE__ */ Symbol.for("dropdownItem");
-var dt = {
+})({}), st = /* @__PURE__ */ Symbol.for("dropdownTrigger"), dt = /* @__PURE__ */ Symbol.for("dropdownItem"), ft = {
   showPassword: "eye-on",
   hidePassword: "eye-off",
   showDatePicker: "calendar",
@@ -33,9 +31,7 @@ var dt = {
   remove: "trash",
   edit: "edit",
   download: "download"
-}, ft = /* @__PURE__ */ (function(e) {
-  return e.simple = "simple", e.normal = "normal", e.detailed = "detailed", e;
-})({}), jt = { prefix: ft.normal }, pt = {
+}, pt = {
   to: { type: [String, Object] },
   href: String,
   target: String,
@@ -43,7 +39,7 @@ var dt = {
     type: String,
     default: "noopener noreferrer"
   }
-}, R = {
+}, j = {
   valid: {
     type: Boolean,
     default: !1
@@ -52,7 +48,7 @@ var dt = {
     type: [String, Array],
     default: void 0
   }
-}, T = {
+}, $ = {
   invalid: {
     type: Boolean,
     default: !1
@@ -61,7 +57,7 @@ var dt = {
     type: [String, Array],
     default: void 0
   }
-}, V = {
+}, F = {
   loading: {
     type: Boolean,
     default: !1
@@ -70,10 +66,10 @@ var dt = {
     type: String,
     default: "Loading..."
   }
-}, h = { disabled: {
+}, S = { disabled: {
   type: Boolean,
   default: !1
-} }, ye = { required: {
+} }, he = { required: {
   type: Boolean,
   default: !1
 } }, vt = { selected: {
@@ -85,14 +81,14 @@ var dt = {
 } }, bt = { current: {
   type: Boolean,
   default: !1
-} }, $t = {
+} }, Ft = {
   showClearAction: {
     type: Boolean,
     default: !1
   },
   iconClear: {
     type: [String, Object],
-    default: dt.clear
+    default: ft.clear
   },
   labelClear: {
     type: String,
@@ -101,16 +97,16 @@ var dt = {
 }, mt = { pressed: {
   type: Boolean,
   default: !1
-} }, I = { label: {
+} }, A = { label: {
   type: [String, Number],
   default: void 0
-} }, j = { readonly: {
+} }, R = { readonly: {
   type: Boolean,
   default: !1
-} }, S = { modifiers: {
+} }, w = { modifiers: {
   type: [String, Array],
   default: void 0
-} }, $ = { hintLabel: {
+} }, T = { hintLabel: {
   type: String,
   default: ""
 } }, yt = {
@@ -149,28 +145,28 @@ var dt = {
   },
   iconPosition: {
     type: String,
-    default: de.before,
-    validation: (e) => Object.values(de).includes(e)
+    default: pe.before,
+    validation: (e) => Object.values(pe).includes(e)
   }
-}, ge = { tabindex: {
+}, Se = { tabindex: {
   type: [String, Number],
   default: 0
-} }, Et = { floating: {
+} }, wt = { floating: {
   type: Boolean,
   default: !1
 } }, Pt = { unselectable: {
   type: Boolean,
   default: !0
-} }, he = { id: [String, Number] }, wt = {
+} }, we = { id: [String, Number] }, xt = {
   placement: {
     type: String,
     default: d.bottom,
-    validator: (e) => Object.values(d).includes(e) || Object.values(nt).includes(e)
+    validator: (e) => Object.values(d).includes(e) || Object.values(it).includes(e)
   },
   strategy: {
     type: String,
     default: void 0,
-    validator: (e) => Object.values(me).includes(e)
+    validator: (e) => Object.values(ge).includes(e)
   },
   transitionName: {
     type: String,
@@ -216,35 +212,35 @@ var dt = {
     type: Boolean,
     default: !1
   }
-}, Se = {
-  ...he,
+}, Pe = {
+  ...we,
   name: {
     type: String,
     required: !0
   }
-}, Ot = { autofocus: {
+}, Et = { autofocus: {
   type: Boolean,
   default: !1
-} }, _t = { autocomplete: {
+} }, Ot = { autocomplete: {
   type: String,
   default: "off"
-} }, Kt = {
-  ...Se,
+} }, Rt = {
+  ...Pe,
+  ...Et,
   ...Ot,
-  ..._t,
-  ...ge,
-  ...h,
-  ...j,
+  ...Se,
+  ...S,
   ...R,
-  ...T,
+  ...j,
   ...$,
-  ...V,
-  ...S,
+  ...T,
+  ...F,
+  ...w,
   ...gt,
   ...ht,
   ...St,
-  ...Et,
-  ...I,
+  ...wt,
+  ...A,
   minlength: {
     type: [String, Number],
     default: void 0
@@ -257,18 +253,18 @@ var dt = {
     type: String,
     default: void 0
   },
-  ...ye
-}, Ft = {
+  ...he
+}, Tt = {
+  ...Pe,
   ...Se,
-  ...ge,
-  ...R,
-  ...T,
-  ...$,
-  ...h,
   ...j,
+  ...$,
+  ...T,
   ...S,
-  ...I,
-  ...V,
+  ...R,
+  ...w,
+  ...A,
+  ...F,
   value: {
     type: [
       String,
@@ -286,17 +282,17 @@ var dt = {
     ],
     default: void 0
   }
-}, Gt = {
-  ...R,
-  ...T,
-  ...yt,
-  ...$,
-  ...h,
+}, Ht = {
   ...j,
+  ...$,
+  ...yt,
+  ...T,
   ...S,
-  ...I,
-  ...V,
-  ...ye,
+  ...R,
+  ...w,
+  ...A,
+  ...F,
+  ...he,
   modelValue: {
     type: [
       String,
@@ -315,17 +311,17 @@ var dt = {
     type: Boolean,
     default: !1
   }
-}, Ht = {
-  ...h,
-  ...I,
+}, Mt = {
+  ...S,
+  ...A,
   ...mt,
   ...ct,
   ...bt,
   ...pt,
   type: {
     type: String,
-    default: fe.button,
-    validator: (e) => Object.values(fe).includes(e)
+    default: ve.button,
+    validator: (e) => Object.values(ve).includes(e)
   },
   ariaLabel: {
     type: String,
@@ -333,19 +329,19 @@ var dt = {
   },
   defaultTag: {
     type: String,
-    default: it.button
+    default: ut.button
   }
-}, Ut = {
+}, Wt = {
   storageType: {
     type: String,
-    default: se.local,
-    validator: (e) => Object.values(se).includes(e)
+    default: fe.local,
+    validator: (e) => Object.values(fe).includes(e)
   },
   storageKey: String
-}, xt = {
-  ...he,
-  ...wt,
-  ...S,
+}, Ct = {
+  ...we,
+  ...xt,
+  ...w,
   modelValue: {
     type: Boolean,
     default: void 0
@@ -356,14 +352,14 @@ var dt = {
   },
   role: {
     type: String,
-    default: L.menu,
-    validator: (e) => Object.values(L).includes(e)
+    default: V.menu,
+    validator: (e) => Object.values(V).includes(e)
   }
-}, Wt = {
-  ...h,
+}, Kt = {
+  ...S,
   ...vt,
   ...Pt,
-  ...S,
+  ...w,
   deselectHintLabel: { type: String },
   selectHintLabel: { type: String },
   selectedHintLabel: { type: String },
@@ -372,44 +368,44 @@ var dt = {
     default: !1
   }
 };
-function Nt(e) {
-  return i(() => String(e?.value || Ye()));
+function Bt(e) {
+  return i(() => String(e?.value || Ge()));
 }
-function Ct({ reference: e, id: f, expanded: u, aria: r }) {
-  const a = lt();
+function _t({ reference: e, id: f, expanded: u, aria: r }) {
+  const l = nt();
   return {
-    bus: a,
-    component: ce({
+    bus: l,
+    component: me({
       name: "VvDropdownTriggerProvider",
       setup() {
-        be(ut, {
+        ye(st, {
           reference: e,
           id: f,
           expanded: u,
           aria: r,
-          bus: a
+          bus: l
         });
       },
       render() {
-        return Ge(ve, {}, this.$slots.default?.());
+        return We(be, {}, this.$slots.default?.());
       }
     })
   };
 }
-function It({ role: e, ...f }) {
-  const u = i(() => e.value === L.listbox ? pe.option : pe.presentation);
-  return be(st, {
+function Nt({ role: e, ...f }) {
+  const u = i(() => e.value === V.listbox ? ce.option : ce.presentation);
+  return ye(dt, {
     role: u,
     ...f
   }), { itemRole: u };
 }
-function Bt(e, f, u) {
+function kt(e, f, u) {
   return i(() => {
-    const r = { [e]: !0 }, a = typeof f?.value == "string" ? f.value.split(" ") : f?.value;
-    return a && Array.isArray(a) && a.forEach((v) => {
+    const r = { [e]: !0 }, l = typeof f?.value == "string" ? f.value.split(" ") : f?.value;
+    return l && Array.isArray(l) && l.forEach((v) => {
       v && (r[`${e}--${v}`] = !0);
     }), u && Object.keys(u.value).forEach((v) => {
-      r[`${e}--${v}`] = l(u.value[v]);
+      r[`${e}--${v}`] = n(u.value[v]);
     }), r;
   });
 }
@@ -421,9 +417,9 @@ var At = [
 ], Dt = {
   name: "VvDropdown",
   inheritAttrs: !1
-}, kt = /* @__PURE__ */ ce({
+}, Lt = /* @__PURE__ */ me({
   ...Dt,
-  props: xt,
+  props: Ct,
   emits: [
     "update:modelValue",
     "beforeEnter",
@@ -442,69 +438,72 @@ var At = [
     "leaveCancelled"
   ],
   setup(e, { expose: f, emit: u }) {
-    const r = e, a = u, { id: v } = oe(r), B = Nt(v), Ee = Je(), K = p("auto"), F = p("auto"), G = p(), s = p(), A = p(), H = p(), c = i({
-      get: () => r.reference ?? G.value,
+    const r = e, l = u, { id: v } = oe(r), D = Bt(v), xe = Ue(), H = p("auto"), M = p("auto"), W = p(), s = p(), L = p(), K = p(), c = i({
+      get: () => r.reference ?? W.value,
       set: (t) => {
-        G.value = t;
+        W.value = t;
       }
-    }), E = p(!1);
-    Ue(() => {
+    }), P = p(!1);
+    ze(() => {
       ot(s.value, () => {
-        E.value = window.getComputedStyle(s.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
+        P.value = window.getComputedStyle(s.value).getPropertyValue("--dropdown-custom-position")?.trim() === "true";
       }, {
         attributeFilter: ["style"],
         window
       });
     });
-    const Pe = i(() => {
+    function x(t, a, h) {
+      return typeof t == "boolean" ? a() : h(t);
+    }
+    const Ee = i(() => {
       const t = [];
-      if (r.autoPlacement ? typeof r.autoPlacement == "boolean" ? t.push(le()) : t.push(le(r.autoPlacement)) : r.flip && (typeof r.flip == "boolean" ? t.push(ne({ fallbackStrategy: "initialPlacement" })) : t.push(ne(r.flip))), r.shift && (typeof r.shift == "boolean" ? t.push(ie()) : t.push(ie(r.shift))), r.size) {
-        const n = ({ availableWidth: je, availableHeight: $e }) => {
-          K.value = `${je}px`, F.value = `${$e}px`;
+      if (r.autoPlacement ? t.push(x(r.autoPlacement, () => ne(), (a) => ne(a))) : r.flip && t.push(x(r.flip, () => ie({ fallbackStrategy: "initialPlacement" }), (a) => ie(a))), r.shift && t.push(x(r.shift, () => se(), (a) => se(a))), r.size) {
+        const a = ({ availableWidth: h, availableHeight: Te }) => {
+          H.value = `${h}px`, M.value = `${Te}px`;
         };
-        typeof r.size == "boolean" ? t.push(ue({ apply: n })) : t.push(ue({
-          ...r.size,
-          apply: n
-        }));
+        t.push(x(r.size, () => de({ apply: a }), (h) => de({
+          ...h,
+          apply: a
+        })));
       }
-      return r.offset && (t.push(k(Number(r.offset))), ["string", "number"].includes(typeof r.offset) ? t.push(k(Number(r.offset))) : t.push(k(r.offset))), r.arrow && t.push(Qe({ element: A })), t;
-    }), { x: we, y: Oe, middlewareData: P, placement: _e, strategy: xe } = Ze(c, s, {
-      whileElementsMounted: (...t) => Xe(...t, { animationFrame: r.strategy === me.fixed }),
+      return r.offset && t.push(["string", "number"].includes(typeof r.offset) ? ue(Number(r.offset)) : ue(r.offset)), r.arrow && t.push(Xe({ element: L })), t;
+    }), { x: Oe, y: Ce, middlewareData: E, placement: Be, strategy: _e } = et(c, s, {
+      whileElementsMounted: (...t) => Ze(...t, { animationFrame: r.strategy === ge.fixed }),
       placement: i(() => r.placement),
       strategy: i(() => r.strategy),
-      middleware: Pe
+      middleware: Ee
     }), Ne = i(() => {
-      if (E.value) return;
+      if (P.value) return;
       const t = r.triggerWidth && c.value ? `${c.value?.offsetWidth}px` : void 0;
       return {
-        position: xe.value,
-        top: `${Oe.value ?? 0}px`,
-        left: `${we.value ?? 0}px`,
-        maxWidth: t ? void 0 : K.value,
-        maxHeight: F.value,
+        position: _e.value,
+        top: `${Ce.value ?? 0}px`,
+        left: `${Oe.value ?? 0}px`,
+        maxWidth: t ? void 0 : H.value,
+        maxHeight: M.value,
         width: t
       };
-    }), Ce = i(() => _e.value.split("-")[0]), Ie = i(() => {
-      if (E.value) return;
+    }), ke = i(() => Be.value.split("-")[0]), Ae = i(() => {
+      if (P.value) return;
       const t = {
         [d.top]: d.bottom,
         [d.right]: d.left,
         [d.bottom]: d.top,
         [d.left]: d.right
-      }[Ce.value];
+      }[ke.value];
       return {
-        left: P.value.arrow?.x !== void 0 ? `${P.value.arrow?.x}px` : void 0,
-        top: P.value.arrow?.y !== void 0 ? `${P.value.arrow?.y}px` : void 0,
-        [t]: `${-(A.value?.offsetWidth ?? 0) / 2}px`
+        left: E.value.arrow?.x !== void 0 ? `${E.value.arrow?.x}px` : void 0,
+        top: E.value.arrow?.y !== void 0 ? `${E.value.arrow?.y}px` : void 0,
+        [t]: `${-(L.value?.offsetWidth ?? 0) / 2}px`
       };
-    }), D = at(r, "modelValue", a), U = p(!1), o = i({
-      get: () => D.value ?? U.value,
+    }), I = lt(r, "modelValue", l), z = p(!1), o = i({
+      get: () => I.value ?? z.value,
       set: (t) => {
-        if (D.value === void 0) {
-          U.value = t;
+        if (I.value === void 0) {
+          z.value = t;
           return;
         }
-        D.value = t;
+        I.value = t;
       }
     });
     function g() {
@@ -516,174 +515,174 @@ var At = [
     function m() {
       o.value = !o.value;
     }
-    function W(t) {
+    function q(t) {
       c.value = t;
     }
-    et(s, () => {
+    tt(s, () => {
       !r.keepOpen && o.value && (o.value = !1);
     }, { ignore: [c] });
-    const Be = i(() => c.value?.getAttribute?.("id") ?? void 0), J = i(() => ({
-      "aria-controls": B.value,
+    const De = i(() => c.value?.getAttribute?.("id") ?? void 0), U = i(() => ({
+      "aria-controls": D.value,
       "aria-haspopup": !0,
       "aria-expanded": o.value
-    })), { component: Ae, bus: De } = Ct({
+    })), { component: Le, bus: Ie } = _t({
       reference: c,
-      id: B,
+      id: D,
       expanded: o,
-      aria: J
+      aria: U
     });
-    De.on("click", m);
-    const { role: Y, modifiers: ke } = oe(r), Le = Bt("vv-dropdown", ke, i(() => ({ arrow: r.arrow }))), { focused: y } = rt(s);
-    function w(t) {
-      return t ? [...t.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((n) => !n.hasAttribute("disabled") && !n.getAttribute("aria-hidden")) : [];
+    Ie.on("click", m);
+    const { role: G, modifiers: Ve } = oe(r), je = kt("vv-dropdown", Ve, i(() => ({ arrow: r.arrow }))), { focused: y } = at(s);
+    function O(t) {
+      return t ? [...t.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])')].filter((a) => !a.hasAttribute("disabled") && !a.getAttribute("aria-hidden")) : [];
     }
-    function z() {
-      _(() => {
-        const t = w(s.value);
+    function J() {
+      B(() => {
+        const t = O(s.value);
         t.length > 0 && t[0].focus({ preventScroll: !0 });
       });
     }
-    function Re() {
-      _(() => {
-        const t = w(H.value);
+    function $e() {
+      B(() => {
+        const t = O(K.value);
         t.length > 0 && t[0].focus({ preventScroll: !0 });
       });
     }
-    function M() {
-      _(() => {
+    function Y() {
+      B(() => {
         if (y.value) {
-          const t = w(s.value);
+          const t = O(s.value);
           if (t.length === 0 || !document.activeElement) return;
-          const n = t.indexOf(document.activeElement);
-          n < t.length - 1 ? t[n + 1].focus({ preventScroll: !0 }) : t[0].focus({ preventScroll: !0 });
+          const a = t.indexOf(document.activeElement);
+          a < t.length - 1 ? t[a + 1].focus({ preventScroll: !0 }) : t[0].focus({ preventScroll: !0 });
         }
       });
     }
-    function q() {
-      _(() => {
+    function Q() {
+      B(() => {
         if (y.value) {
-          const t = w(s.value);
+          const t = O(s.value);
           if (t.length === 0 || !document.activeElement) return;
-          const n = t.indexOf(document.activeElement);
-          if (n > 0) {
-            t[n - 1].focus({ preventScroll: !0 });
+          const a = t.indexOf(document.activeElement);
+          if (a > 0) {
+            t[a - 1].focus({ preventScroll: !0 });
             return;
           }
           t.at(-1)?.focus({ preventScroll: !0 });
         }
       });
     }
-    Me(o, (t) => {
-      t && r.autofocusFirst && z();
+    Ye(o, (t) => {
+      t && r.autofocusFirst && J();
     }), f({
       toggle: m,
       show: g,
       hide: b,
-      init: W,
-      focusFirst: z,
-      focusFirstListElement: Re,
-      focusNext: M,
-      focusPrev: q,
-      customPosition: E
+      init: q,
+      focusFirst: J,
+      focusFirstListElement: $e,
+      focusNext: Y,
+      focusPrev: Q,
+      customPosition: P
     });
-    const { itemRole: Te } = It({
-      role: Y,
+    const { itemRole: Fe } = Nt({
+      role: G,
       expanded: o,
       focused: y,
-      hovered: tt(s)
+      hovered: rt(s)
     });
-    C("Escape", (t) => {
+    k("Escape", (t) => {
       o.value && (t.preventDefault(), b());
-    }), C("ArrowDown", (t) => {
-      o.value && y.value && (t.preventDefault(), M());
-    }), C("ArrowUp", (t) => {
-      o.value && y.value && (t.preventDefault(), q());
-    }), C([" ", "Enter"], (t) => {
-      const n = t.target;
-      o.value && y.value && n && n?.click();
+    }), k("ArrowDown", (t) => {
+      o.value && y.value && (t.preventDefault(), Y());
+    }), k("ArrowUp", (t) => {
+      o.value && y.value && (t.preventDefault(), Q());
+    }), k([" ", "Enter"], (t) => {
+      const a = t.target;
+      o.value && y.value && a && a?.click();
     });
-    const Ve = {
+    const Re = {
       "before-enter": () => {
-        a(o.value ? "beforeExpand" : "beforeCollapse"), a("beforeEnter");
+        l(o.value ? "beforeExpand" : "beforeCollapse"), l("beforeEnter");
       },
       "after-leave": () => {
-        a(o.value ? "afterExpand" : "afterCollapse"), a("afterLeave");
+        l(o.value ? "afterExpand" : "afterCollapse"), l("afterLeave");
       },
       enter: () => {
-        a("enter");
+        l("enter");
       },
       "after-enter": () => {
-        a("afterEnter");
+        l("afterEnter");
       },
       "enter-cancelled": () => {
-        a("enterCancelled");
+        l("enterCancelled");
       },
       "before-leave": () => {
-        a("beforeLeave");
+        l("beforeLeave");
       },
       leave: () => {
-        a("leave");
+        l("leave");
       },
       "leave-cancelled": () => {
-        a("leaveCancelled");
+        l("leaveCancelled");
       }
     };
-    return (t, n) => (re(), Q(ve, null, [Z(l(Ae), null, {
-      default: ae(() => [N(t.$slots, "default", x(O({
-        init: W,
+    return (t, a) => (ae(), X(be, null, [ee(n(Le), null, {
+      default: le(() => [N(t.$slots, "default", _(C({
+        init: q,
         show: g,
         hide: b,
         toggle: m,
-        expanded: l(o),
-        aria: l(J)
+        expanded: n(o),
+        aria: n(U)
       })))]),
       _: 3
-    }), Z(Ke, ee({ name: t.transitionName }, We(Ve), { persisted: "" }), {
-      default: ae(() => [qe(X("div", {
+    }), ee(He, te({ name: t.transitionName }, qe(Re), { persisted: "" }), {
+      default: le(() => [Qe(Z("div", {
         ref_key: "floatingEl",
         ref: s,
-        style: te(l(Ne)),
-        class: He(l(Le))
+        style: re(n(Ne)),
+        class: Ke(n(je))
       }, [
-        r.arrow ? (re(), Q("div", {
+        r.arrow ? (ae(), X("div", {
           key: 0,
           ref_key: "arrowEl",
-          ref: A,
-          style: te(l(Ie)),
+          ref: L,
+          style: re(n(Ae)),
           class: "vv-dropdown__arrow"
-        }, null, 4)) : Fe("v-if", !0),
-        N(t.$slots, "before", x(O({
+        }, null, 4)) : Me("v-if", !0),
+        N(t.$slots, "before", _(C({
           show: g,
           hide: b,
           toggle: m,
-          expanded: l(o)
+          expanded: n(o)
         }))),
-        X("div", ee(l(Ee), {
-          id: l(B),
+        Z("div", te(n(xe), {
+          id: n(D),
           ref_key: "listEl",
-          ref: H,
-          tabindex: l(o) ? void 0 : -1,
-          role: l(Y),
-          "aria-labelledby": l(Be),
+          ref: K,
+          tabindex: n(o) ? void 0 : -1,
+          role: n(G),
+          "aria-labelledby": n(De),
           class: "vv-dropdown__list"
-        }), [N(t.$slots, "items", x(O({
+        }), [N(t.$slots, "items", _(C({
           show: g,
           hide: b,
           toggle: m,
-          expanded: l(o),
-          role: l(Te)
+          expanded: n(o),
+          role: n(Fe)
         })))], 16, At),
-        N(t.$slots, "after", x(O({
+        N(t.$slots, "after", _(C({
           show: g,
           hide: b,
           toggle: m,
-          expanded: l(o)
+          expanded: n(o)
         })))
-      ], 6), [[ze, l(o)]])]),
+      ], 6), [[Je, n(o)]])]),
       _: 3
     }, 16, ["name"])], 64));
   }
-}), Jt = kt;
+}), zt = Lt;
 export {
-  Jt as default
+  zt as default
 };