vft 0.0.310 → 0.0.312

package/es/components/dropdown/dropdown-menu.vue.js

@@ -1,24 +1,4 @@
-import l from "./dropdown-menu.vue2.js";
-import { createElementBlock as s, openBlock as d, withModifiers as n, normalizeStyle as i, normalizeClass as u, renderSlot as p } from "vue";
-import a from "../../_virtual/_plugin-vue_export-helper.js";
-const f = ["role", "aria-labelledby"];
-function t(o, e, m, w, y, b) {
-  return d(), s("ul", {
-    ref: o.dropdownListWrapperRef,
-    class: u(o.dropdownKls),
-    style: i(o.rovingFocusGroupRootStyle),
-    tabindex: -1,
-    role: o.role,
-    "aria-labelledby": o.triggerId,
-    onBlur: e[0] || (e[0] = (...r) => o.onBlur && o.onBlur(...r)),
-    onFocus: e[1] || (e[1] = (...r) => o.onFocus && o.onFocus(...r)),
-    onKeydown: e[2] || (e[2] = n((...r) => o.handleKeydown && o.handleKeydown(...r), ["self"])),
-    onMousedown: e[3] || (e[3] = n((...r) => o.onMousedown && o.onMousedown(...r), ["self"]))
-  }, [
-    p(o.$slots, "default")
-  ], 46, f);
-}
-const F = /* @__PURE__ */ a(l, [["render", t]]);
+import f from "./dropdown-menu.vue2.js";
 export {
-  F as default
+  f as default
 };

package/es/components/dropdown/dropdown-menu.vue2.js

@@ -1,92 +1,97 @@
+import { defineComponent as a, inject as n, computed as D, unref as o, createElementBlock as Y, openBlock as J, withModifiers as u, normalizeStyle as G, normalizeClass as P, renderSlot as z } from "vue";
 import "../focus-trap/focus-trap.vue2.js";
-import { defineComponent as F, inject as t, computed as S, unref as D } from "vue";
-import { FOCUS_TRAP_INJECTION_KEY as Y } from "../focus-trap/tokens.js";
+import { FOCUS_TRAP_INJECTION_KEY as B } from "../focus-trap/tokens.js";
 import "../focus-trap/utils.js";
 import "../roving-focus-group/roving-focus-group.vue2.js";
 import "../roving-focus-group/roving-focus-group-impl.vue2.js";
 import "../roving-focus-group/roving-focus-item.vue2.js";
-import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as y } from "../roving-focus-group/types.js";
-import { ROVING_FOCUS_GROUP_INJECTION_KEY as J } from "../roving-focus-group/tokens.js";
-import { focusFirst as G } from "../roving-focus-group/utils.js";
-import { EVENT_CODE as b } from "../../constants/aria.js";
+import { ROVING_FOCUS_COLLECTION_INJECTION_KEY as M } from "../roving-focus-group/types.js";
+import { ROVING_FOCUS_GROUP_INJECTION_KEY as U } from "../roving-focus-group/tokens.js";
+import { focusFirst as V } from "../roving-focus-group/utils.js";
+import { EVENT_CODE as x } from "../../constants/aria.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { composeEventHandlers as P } from "../../utils/event.js";
+import { composeEventHandlers as A } from "../../utils/event.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { composeRefs as U } from "../../utils/vue/refs.js";
-import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import { composeRefs as W } from "../../utils/vue/refs.js";
+import { useNamespace as k } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as A } from "./tokens.js";
-import { DROPDOWN_COLLECTION_INJECTION_KEY as W, FIRST_LAST_KEYS as h, LAST_KEYS as x } from "./types.js";
-import { useDropdown as z } from "./useDropdown.js";
-const lo = F({
-  name: "VftDropdownMenu",
+import { DROPDOWN_INJECTION_KEY as $ } from "./tokens.js";
+import { DROPDOWN_COLLECTION_INJECTION_KEY as j, FIRST_LAST_KEYS as H, LAST_KEYS as q } from "./types.js";
+import { useDropdown as Q } from "./useDropdown.js";
+const X = ["role", "aria-labelledby"], Z = a({
+  name: "VftDropdownMenu"
+}), yo = /* @__PURE__ */ a({
+  ...Z,
   props: {
-    onKeydown: {
-      type: Function
-    }
+    onKeydown: { type: Function }
   },
-  setup(c) {
-    const n = V("dropdown"), { _elDropdownSize: d } = z(), i = d.value, { focusTrapRef: f, onKeydown: u } = t(
-      Y,
+  setup(_) {
+    const O = _, i = k("dropdown"), { _elDropdownSize: E } = Q(), I = E.value, { focusTrapRef: N, onKeydown: C } = n(
+      B,
       void 0
-    ), { contentRef: m, role: a, triggerId: _ } = t(
-      A,
+    ), { contentRef: m, role: T, triggerId: R } = n(
+      $,
       void 0
-    ), { collectionRef: O, getItems: I } = t(
-      W,
+    ), { collectionRef: w, getItems: K } = n(
+      j,
       void 0
     ), {
-      rovingFocusGroupRef: l,
-      rovingFocusGroupRootStyle: E,
-      tabIndex: N,
-      onBlur: C,
-      onFocus: T,
-      onMousedown: R
-    } = t(J, void 0), { collectionRef: K } = t(
-      y,
+      rovingFocusGroupRef: v,
+      rovingFocusGroupRootStyle: y,
+      tabIndex: h,
+      onBlur: p,
+      onFocus: l,
+      onMousedown: d
+    } = n(U, void 0), { collectionRef: S } = n(
+      M,
       void 0
-    ), w = S(() => [n.b("menu"), n.bm("menu", i?.value)]), v = U(
+    ), F = D(() => [i.b("menu"), i.bm("menu", I?.value)]), L = W(
       m,
-      O,
-      f,
-      l,
-      K
-    ), L = P(
-      (o) => {
-        c.onKeydown?.(o);
+      w,
+      N,
+      v,
+      S
+    ), b = A(
+      (e) => {
+        O.onKeydown?.(e);
       },
-      (o) => {
-        const { currentTarget: g, code: r, target: p } = o;
-        if (g.contains(
-          p
-        ), b.tab === r && o.stopImmediatePropagation(), o.preventDefault(), p !== D(m) || !h.includes(r)) return;
-        const s = I().filter(
-          (e) => !e.disabled
-        ).map((e) => e.ref);
-        x.includes(r) && s.reverse(), G(s);
+      (e) => {
+        const { currentTarget: r, code: t, target: f } = e;
+        if (r.contains(f), x.tab === t && e.stopImmediatePropagation(), e.preventDefault(), f !== o(m) || !H.includes(t)) return;
+        const c = K().filter(
+          (s) => !s.disabled
+        ).map((s) => s.ref);
+        q.includes(t) && c.reverse(), V(c);
       }
-    );
-    return {
-      size: i,
-      rovingFocusGroupRootStyle: E,
-      tabIndex: N,
-      dropdownKls: w,
-      role: a,
-      triggerId: _,
-      dropdownListWrapperRef: v,
-      handleKeydown: (o) => {
-        L(o), u(o);
-      },
-      onBlur: C,
-      onFocus: T,
-      onMousedown: R
+    ), g = (e) => {
+      b(e), C(e);
     };
+    return (e, r) => (J(), Y("ul", {
+      ref: o(L),
+      class: P(F.value),
+      style: G(o(y)),
+      tabindex: -1,
+      role: o(T),
+      "aria-labelledby": o(R),
+      onBlur: r[0] || (r[0] = //@ts-ignore
+      (...t) => o(p) && o(p)(...t)),
+      onFocus: r[1] || (r[1] = //@ts-ignore
+      (...t) => o(l) && o(l)(...t)),
+      onKeydown: u(g, ["self"]),
+      onMousedown: r[2] || (r[2] = u(
+        //@ts-ignore
+        (...t) => o(d) && o(d)(...t),
+        ["self"]
+      ))
+    }, [
+      z(e.$slots, "default")
+    ], 46, X));
   }
 });
 export {
-  lo as default
+  yo as default
 };

package/es/components/dropdown/dropdown.vue.d.ts

@@ -46,9 +46,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onVisible-change"?: ((val: boolean) => any) | undefined;
     onCommand?: ((val: string) => any) | undefined;
 }>, {
-    disabled: boolean;
     maxHeight: number | string;
     role: string;
+    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
     tabindex: number | string;