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

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

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